您的位置：首页 > Web前端 > JavaScript

在頁面中執行Javascript方法，修改另一個頁面中的Button的Onclick事件執行函數，并獲得其頁面值

2009-09-01 18:03 477 查看

背景介紹：在一個自己開發的（后面稱為a頁面），打開別人寫的頁面（后面稱為b頁面），在a頁面中執行Javascript方法，修改另一個頁面中的Button的Onclick事件執行函數，當在b頁面點擊原有的確定button，獲得其頁面值到當前頁面中示例代碼如下(將a.html和b.html文件在同一路徑)。
a.html文件內容：

<!--CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//E-->
<html>
<head><title></title></head>
<body>
<mce:script type="text/javascript"><!--
var winB = null;
var docB = null;
function openC(){
winB = window.open("b.html");
docB = winB.document;
//這里是要等打開頁面中的內容封鎖允許時，才能點擊確定，
//不然先點擊確定后，進入b頁面允許內容封鎖執行，則一下設定無效，
//因為瀏覽器在選擇過后又重新加載了頁面內容
alert("Check Opened Browser Security First");
var subB = docB.getElementsByName("aButton")[0];
docB.getElementsByName("aText")[0].value="aa";
var jsA = hidden();
subB.onclick = jsA;
}
function hidden(){
return function() {
document.getElementsByName("aText")[0].value=docB.getElementsByName("aText1")[0].value;
}
}
// --></mce:script>
<input name="aText" type="text" /> <input onclick="openC()" name="aButton2" type="button" value="button" />
</body>
</html>

b.html頁面內容：

<!--CTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//E-->
<html>
<head><title></title>
<mce:script type="text/javascript"><!--
function aa(){
alert("b")
}
// --></mce:script>
</head>
<body>
<input name="aText" type="text" value="bb" />
<input name="aText1" type="text" value="ccc" />
<input onclick="aa()" name="aButton" type="button" value="submit" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航