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

Question

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

作为一个单独的目标，我想将相同的 URL 发布到 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/

Answer 1

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

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

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