Javascript获取URL并发布到iFrame未验证

时间:2013-03-16 23:57:04

标签: javascript iframe getelementbyid

此脚本在jsFiddle中运行,但不在浏览器上运行,并且不在jsLint上验证。

作为一个单独的目标,我想将相同的网址发布到n个iFrame。但那是另一天,除非你想跳进那一天!

function handleClick() {
    var url = document.getElementById('url_textbox').value;
    document.getElementById('myForm').action = url;
    return true;
}

document.getElementById('myForm').addEventListener('submit', handleClick, false);

http://jsfiddle.net/xtpD5/19/

1 个答案:

答案 0 :(得分:0)

它在jsfiddle中工作的原因是因为你设置了onLoad选项,这将在代码运行之前等待页面加载。除非已创建,否则您将无法获取标识为myForm的元素。这可以通过将js放在元素下或等待文档通过事件监听器加载来实现。

document.addEventListener('DOMContentLoaded', function(){
    document.getElementById('myForm').addEventListener('submit', handleClick, false);
}, false);

http://jsfiddle.net/xtpD5/20/