首頁 > 開發者 > JavaScript
javascript 擷取iframe裡頁面中元素值的方法
本篇文章主要是對javascript擷取iframe裡頁面中元素值的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所協助
IE方法：
document.frames['myFrame'].document.getElementById('test').value;
Firefox方法：
document.getElementById('myFrame').contentWindow.document.getElementById('test').value;
IE、Firefox方法：
代碼如下:
function getValue(){
var tmp = '';
if(document.frames){
tmp += 'ie哥說：';
tmp += document.frames['myFrame'].document.getElementById('test').value;
}else{
tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value;
}
alert(tmp);
}
範例程式碼：
a.html頁面中的代碼
代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
javascript 擷取iframe裡頁面中元素的值 測試
</title>
</head>
<body>
<iframe id="myFrame" src='b.html' style="width:300px;height: 50px;"></iframe>
<input type="button" id="btn" onclick="getValue()" value="test" >
<script type="text/javascript">
function getValue(){
var tmp = '';
if(document.frames){
tmp += 'ie哥說：';
tmp += document.frames['myFrame'].document.getElementById('test').value;
}else{
tmp = document.getElementById('myFrame').contentWindow.document.getElementById('test').value;
}
alert(tmp);
}
</script>
</body>
</html>
b.html頁面中的代碼
代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
我是 iframe內的頁面
</title>
</head>
<body>
<input type='text' id="test" value='歡迎訪問：justflyhigh.com'>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
