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>  
    

      

      

     
  • 相关阅读:
    ajax提交json数据到后端C#解析
    icheck判断是否选中
    sql多列值一行显示
    IDEA 2018 搭建 Spring MVC helloworld
    C# 注册DLL至GAC 并在添加引用中使用该DLL
    Java获取执行进程的dump文件及获取Java stack
    intellij idea搭建SpringBoot
    通过链接跳转登录到另外一个系统
    访问Hsql .data数据库文件
    基于weui的城市选择器(city-picker)
  • 原文地址:https://www.cnblogs.com/DataBase-123/p/6723807.html
Copyright © 2011-2022 走看看