首先創建兩個html頁
第一個html頁(HtmlPage1.html)
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
//傳值
function GetString() {
var Str = "{\"Num\": \"" + document.getElementById("Num").value + "\"}";
return Str;
}
</script>
</head>
<body>
值:<input type="text" id="Num" style="width:40px;text-align:center;">
</body>
</html>
第二個html頁(HtmlPage2.html)
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
window.onload = function () {
//必須先加載html頁,不然造成第一個html頁中的函數不存在
document.getElementById("Plugin").src = "HtmlPage1.html";
}
//點擊
function Funbtn() {
var Num = document.getElementById("Plugin").contentWindow.GetString();//獲取Iframe中html頁中的方法
alert(Num);
}
</script>
</head>
<body>
<iframe id="Plugin" frameborder="1" noresize="noresize" name="plugin" style="width: 520px; height: 140px;"></iframe><br />
<button id="btn" onclick="Funbtn()">按鈕</button>
</body>
</html>
