• 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>  
    

      

      

     
  • 相关阅读:
    day14_集合框架1(ArrayList,LinkedList,HashSet)
    day13_String、StringBuffer、StringBuilder
    初识Java_day01
    关于局部内部类访问带有final修饰符的局部变量
    day03,day04_数组,循环(上)
    day09(下)_异常(上)
    day08_多态
    day11_多线程(多线程安全问题)
    day16_集合框架3(HashMap,TreeMap)
    day09(上)_内部类
  • 原文地址:https://www.cnblogs.com/DataBase-123/p/6723807.html
Copyright © 2020-2023  润新知