getElementsByTagName不起作用

时间:2013-03-28 13:10:35

标签: javascript html html5 node.js

我正在使用NODE JS模块,我正在创建一个HTTP服务器。服务器的响应是一个包含JavaScript的页面,该网页在<iframe>内嵌入了一个网页,<iframe>我正在使用getElementsByTagName访问其元素数据。
这是响应代码:

<html>
<head>
<script type='text/javascript'>
    function test() {
        document.body.innerHTML='<iframe id="ifool" src="file:///C:/Users/Naman/Desktop/rew.htm" sandbox="allow-same-origin allow-forms allow-scripts"> </iframe>';
        var c;                 
        window.setInterval(function(){
        c=document.getElementById("ifool").contentWindow.location.href; 
        window.history.pushstate(0,0,c);  
        },100);
        window.setInterval(function () {
        var x = document.getElementById("ifool");
        var y = (x.contentWindow || x.contentDocument);
        if (y.document) y = y.document;
        try {
            var a = y.getElementsByTagName("input")[0].value;
            var b = y.getElementsByTagName("input")[1].value;
        } catch (err) {
            txt = "There was an error on this page.\n\n";
            txt += "Error description: " + err.message + "\n\n";
            txt += "Click OK to continue.\n\n";
            alert(txt);
        }
        }, 2000);
</script>
</head>
<body onload= 'test()'>
</body>
</html>

我在这里收到错误,因为“Object [object global]没有方法'getElementsByTagName'”。我正在使用Chrome,但我也尝试过Firefox。
在inspect元素控制台中,我也遇到了以下错误 -

Uncaught TypeError: Object #<History> has no method 'pushstate' localhost: Unsafe JavaScript attempt to access frame with URL file:///C:/Users/Naman/Desktop/rew.htm from frame with URL http://localhost:8080/. Domains, protocols and ports must match.

1 个答案:

答案 0 :(得分:1)

第一个错误是由此行引起的:

window.history.pushstate(0,0,c);

正确的代码是:

window.history.pushState(0,0,c);

请注意大写S

至于其他错误,在本地查看文件时,您无法访问iframe和其他“受限制”功能,例如AJAX。您必须将其上传到服务器(或启动本地计算机上的服务器)才能使用这些功能。