zoukankan      html  css  js  c++  java
  • javascript 获取iframe里页面中元素值的方法 关于contentWindow和contentDocumen

    javascript 获取iframe里页面中元素值的方法

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

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

    IE、火狐方法:

     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="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>  
    

      

      

     
  • 相关阅读:
    svn上传文件钩子
    linux服务器版svn安装
    csp-s模拟55
    csp-s模拟54
    csp-s模拟53
    csp-s模拟52
    csp-s模拟51
    csp-s模拟50
    csp-s模拟49
    csp-s模拟48
  • 原文地址:https://www.cnblogs.com/DataBase-123/p/6723807.html
Copyright © 2011-2022 走看看