将value元素设置为window.open()调用的其他页面

时间:2015-05-06 17:20:02

标签: javascript

我正在努力实施此案例,我非常感谢您的帮助。

更新:

page1.html

<html>
<head>
<title></title>
</head>
<body >
<form>  
    filled value : <input type="text" id="one">
</form>
</body>
</html>

page2.html

<form>
    <input type="button" onclick='go();' value='call_page1'/>
</form>

首次尝试:第1页显示,但未设置值

 <script>
 function go(){
          var newWindow;
             newWindow= window.open('page1.html', 'form', 'width=400,height=350');
         newWindow.document.getElemetById('one').value='xxx';

}
   </script>

第二次尝试:第1页甚至没有显示

     <script>
    function go(){

     var detailsWindow;
        detailsWindow = window.open('page1.html', 'form', 'width=400,height=350');

        detailsWindow.onload = function{
    document.getElementById('one').value='test';
    }
    }
<script>

问题:设置value&#39;在page1.html

中调用时,page2.html的值为I don't use JQuery

或者,如果有另一种选择(但请放轻松我,我只是学习这些东西)。 {{1}},如果有不清楚的地方,我很高兴听到它。

方面。

2 个答案:

答案 0 :(得分:3)

// page1.html

<script>
var newWindow = window.open('page2.html', 'formUntukUpdate', 'width=400,height=350');
newWindow.onload = function(){
    newWindow.document.getElementById('one').value = 'ok 2';
};
</script>

// page2.html

<input type="text"  id="one" value="ok" />

答案 1 :(得分:1)

首先,javascript是大小写的,并且n缺失。所以用getElemetByID替换getElementById

其次是代码立即执行,不等待页面加载。您必须将代码包装在window.onload

newWindow.onload = function(){
     newWindow.document.getElementById('one').value='xxx';
}

更新中有3个错误:

    必须使用function声明detailsWindow.onload = function中的
  1. detailsWindow.onload = function()才能正常工作。
  2. 您的结束脚本必须从<script>替换为</script>
  3. 您在detailsWindow中遗失document.getElementById('one').value = 'test';,但必须detailsWindow.document.getElementById('one').value = 'test';