iframe同域访问

﹏ヽ暗。殇╰゛Y 2022-04-23 11:20 184阅读 0赞

<html lang="en"><head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>iframe test</title>
        <style>
            iframe {
                width: 100%;
                height: 400px;
            }
        </style>
        <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    </head>
    
    <body>
        <div id="aa">
            <iframe id="myframe" src="https://www.digitalin.com.cn/resinfin/#/index?app_id=dinwxpa&loginFlag=mobile" frameborder="0"></iframe>
            <iframe id="myframe1" src="./2.html" frameborder="0"></iframe>
        </div>
        <script>
            $(function () {
    
    
                var iframe = document.getElementById('myframe');
                // console.log($("#myframe")[0].contentWindow)
                // console.log(2222222222222,iframe.contentWindow)
    
                let iframeW = iframe.contentWindow;
                iframe.onload = function () {
                    iframe.onclick= function(){
                        console.log(iframeW.document)    // 获取子页面dom
                        console.log($(iframeW.document).find('input'))
                        alert($(iframeW.document).find('.phone input').val())
                        // $(iframeW.document).find('.phone input').on('input',function(ev){
                        //     alert($(this).val())
                        // })
                    }
                    // console.dir(iframe)
                }
            });
    
            function hideZKZ() {
    
                console.log(11111)
            }
        </script>
    
    
    </body></html>

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 iframe解决跨域

在父页面中写入iframe标签，其中src值为需要跨域访问的页面地址`<iframe ref="iframe" src="http://xxx/index.html" name

雨点打透心脏的1/2处/ 2023年01月23日 05:55/ 0 赞/ 11 阅读

相关 iframe跨域嵌套头部

需求不同域名，使用iframe，想互相获取html 请查找 navigator.rar文件实现思路使用js listene

本是古典何须时尚/ 2022年12月10日 14:55/ 0 赞/ 266 阅读

相关 iframe跨域访问问题

最近给一个系统进行系统集成，配置了一个单点，把两个系统集成起来，以A系统为主系统，然后把B系统的菜单加到A系统中，这样就像是一个系统一样，访问起来也简单。但出了一个问题，就是i

向右看齐/ 2022年08月26日 15:26/ 0 赞/ 349 阅读

相关 iframe跨域访问

js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。一般分两种情况：一、是同主域下面，不同子域之间的跨域；　　同主域，不同子域跨域，设置相同的doc

悠悠/ 2022年08月10日 12:57/ 0 赞/ 280 阅读

相关利用代理页面解决html iframe跨域访问网站问题

原文：[利用代理页面解决html iframe跨域访问网站问题][html iframe] 源代码下载地址： [http://www.zuidaima.com/share/1

不念不忘少年蓝@/ 2022年07月15日 11:23/ 0 赞/ 394 阅读

相关跨域问题（iframe）记录

> an ancestor violates the following Content Security Policy directive: “frame-ancestors

喜欢ヅ旅行/ 2022年05月27日 02:30/ 0 赞/ 471 阅读

相关 iframe跨域

按情境分 1、不跨域时 2、主域相同、子域不同时 3、主域不同 1、不跨域时访问iframe： oIframe.contentWindow 可以直

男娘i/ 2022年05月18日 06:38/ 0 赞/ 285 阅读

相关同域与跨域

同域：相同域名，端口相同，协议相同，缺一不可跨域（浏览器的同源策略造成的，是浏览器对javascript的安全限制）：浏览器从一个域名的网页去请求另一个域名的资源时，域名、

偏执的太偏执、/ 2022年05月14日 14:45/ 0 赞/ 283 阅读

相关 iframe同域访问

<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"

﹏ヽ暗。殇╰゛Y/ 2022年04月23日 11:20/ 0 赞/ 185 阅读

相关 iframe跨域解决办法

按情境分 1、不跨域时 2、主域相同、子域不同时 3、主域不同不跨域时访问`iframe`： `contentWindow` 访问父级：`paren

心已赠人/ 2021年07月04日 13:05/ 0 赞/ 584 阅读