javascript 獲取iframe里頁面中元素值的方法

2024-05-06 16:01:01

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

本篇文章主要是對(duì)javascript獲取iframe里頁面中元素值的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

IE方法：
document.frames['myFrame'].document.getElementById('test').value;

火狐方法：
document.getElementById('myFrame').contentWindow.document.getElementById('test').value;

IE、火狐方法：

復(fù)制代碼代碼如下:

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頁面中的代碼

復(fù)制代碼代碼如下:

<html>
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <title>
                    javascript 獲取iframe里頁面中元素的值測試
                </title>
           </head>
           <body>
                <iframe src='b.html'></iframe>
                <input type="button" 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頁面中的代碼

復(fù)制代碼代碼如下:

       <html>
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <title>
                    我是 iframe內(nèi)的頁面
                </title>
            </head>
            <body>
                <input type='text' value='歡迎訪問：justflyhigh.com'>
            </body>
        </html>