在本地页面使用iframe跨域引入页面,如何可以操作引入页面的dom以及给dom绑定事件?

山楂片
  • 355
<button id="btn">点击一下</button>
    <div id="iframeDecl">
      <iframe src="" name="iframeHtml" id="iframeHtml"></iframe> 
    </div>
js:
$(function(){
         $("#btn").click(function(){
           $("#iframeHtml").attr("src","https://baidu.cn"); 
           $("#iframeHtml").width($(window).width());
           $("#iframeHtml").height($(window).height());

           var iframeDocument = $('#iframeHtml')[0].contentDocument;
            $(iframeDocument ).ready(function(){
                alert("111");
                console.log($(this).find('#banner'))
                $(this).find('#banner').click(function(){
                    alert("你倒是给点反应啊....");
                });
            })
         })
       });

我想在实现一个功能,点击本地页面的按钮,然后通过iframe引入一个外部页面,然后给外部页面里面的dom元素绑定事件 应该怎么做呢?

回复
阅读 1.7k
2 个回答

给你绑定了不得上天

可能是iframe只能访问同一域名下的页面,不能进行跨域;

宣传栏