zoukankan      html  css  js  c++  java
  • 前端iFrame跨域问题

    一、父域访问子域的元素

    项目需求:

      iFrame是个聊天窗口,要求聊天窗口中点击图片图标,在父域将内容展示出来。

    解决方法:(jQuery)

      首先/要等iFrame加载完再执行函数!(代码如下)

       var isOnLoad = true; 

         $('#iframe_con').load(function() {
              isOnLoad = false;// 加载完成
             Apple();
         });

      然后/在父域里选择子域的元素添加事件和完成函数即可!(代码如下)  

        //模态框
       function Apple(){

        var oE={
          wheight:$(window).height(),
          w$(window).width(),
          showdown:$('.showdown'),
          Apple:$('.Apple_wait'),
          Close:$('.ApClose'),
          Btn:$('#iframe_con').contents().find('.Apactive_chat')//选择子域的元素
          };

        oE.showdown.height(oE.wheight>$('html').height()?oE.wheight:$('html').height());

        oE.Apple.css({left:(oE.wwidth-560)/2,top:(oE.wheight-207)/2+$(window).scrollTop()});

        oE.Btn.click(function(){//给子域的元素绑定事件

          oE.showdown.fadeIn();
          oE.Apple.fadeIn();
        });

        oE.Close.click(function(){
          oE.showdown.fadeOut();
          oE.Apple.fadeOut();
       });

    二、子域访问父域的元素    

    function zgz(){       

     $(window.parent.$("#maindiv").html("子页面赋过来的值"));

     }  

  • 相关阅读:
    VS2005环境下的DLL应用
    Windows Xp下BMP位图转JPEG格式
    [转]C# 中使用委托对List<>进行排序和筛选
    [转]DRP系统知识点总结
    [转]计算机是如何启动的
    [转]JSP基础知识
    [转] 视觉直观感受若干常用排序算法
    [转]使用余弦定理计算两篇文章的相似性
    [转] 关于幂律分布的一个笔记
    [转]函数式编程(泛函编程模型)初探
  • 原文地址:https://www.cnblogs.com/Greenzgz/p/4612660.html
Copyright © 2011-2022 走看看