我正在努力实施此案例,我非常感谢您的帮助。
更新:
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}},如果有不清楚的地方,我很高兴听到它。
方面。
答案 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
中的detailsWindow.onload = function()
才能正常工作。<script>
替换为</script>
detailsWindow
中遗失document.getElementById('one').value = 'test';
,但必须detailsWindow.document.getElementById('one').value = 'test';