打开窗口并从父窗口访问其元素

时间:2016-07-19 09:08:03

标签: javascript jquery html popup

即使我的js open popup window and acces it's element in another page存在类似的问题,但那里的解决方案并不适合我。

我正在尝试打开一个窗口,然后访问某个元素并编辑其内容,但它无法正常工作..

这是父html

 <!doctype html>
<html>

<head>
    <title>Parent</title>
    <script src="opener.js"></script>
    <meta charset="utf-8"/>
 </head>

<body>
    <button class="w3-btn w3-container"  id = "submit_btn">Submit</button>
</body>

</html>

儿童HTML

   <!doctype html>

<html>
<head>
    <title>Pre:D</title>
    <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> 
    <meta charset="utf-8"/>
</head>

<body>
    <input class="w3-input" type="text" id="input_word"  placeholder="enter your word here">
    <div id="dump" style = "width: 800px"> </div>
</body>
</html>

这里是opener.js脚本

window.onload = function(){

document.getElementById("submit_btn").onclick= run;

};

function run(){
    var myWindow = window.open('child.html', "width=850,height=600");

    myWindow.onload = function() {
        myWindow.document.getElementById("dump").innerHTML = 'Janela: ';
    }  
}

最佳

0 个答案:

没有答案