【亚洲城ca88手机版网页】jQuery实现frame之间互通的方法,frame之间传值的方法

本文实例汇报了jQuery完毕frame之间互通的法子。分享给大家供大家参照他事他说加以考察,具体如下:

本文实例陈说了jQuery调节frames及frame页面JS的方法。分享给大家供大家参谋,具体如下:

jQuery控制frames及frame页面JS的方法,jqueryframes

正文实例汇报了jQuery调节frames及frame页面JS的不二秘诀。共享给我们供大家参谋,具体如下:

<script src="jquery-1.3.2.min.js" type="text/javascript" ></script>
<script>
var _intervalx,steplengthx
steplengthx=1000; //第一次触发时间
nextstepx=10000 ; //以后的触发时间
$(document).ready(function(){
 _intervalx=setInterval("CheckUser()",steplengthx);
});
function CheckUser() //发送查找程序
{
  if(parent.frames["frmMain"].location.pathname!="/SysMan/user_agent.asp") //如果是在user_agent.asp页面下就不提示
  {
   $.post("../webchat/chat.asp",{"action":"checkuser"},function(data)//初始化留言
   {
    if(parseInt(data)>0) //
    {
      if($(window.parent.frames["frmMain"].document).find("#message").length<1) //如果页面已经添加就不再添加
      {
      var messages="<div id=message><ul><li>有新客户发出客服申请</li><li><a href=../SysMan/user_agent.asp target=_self>在线客服</a></li></ul></div>"
      }
      $(window.parent.frames["frmMain"].document).find("body").append(messages)
      $(window.parent.frames["frmMain"].document).find("#message").show();
      TimeOut();
    }
   });
   clearInterval(_intervalx);
   _intervalx=setInterval("CheckUser()",nextstepx);
  }
}
function TimeOut()
{
  setTimeout(function(){$(window.parent.frames["frmMain"].document).find("#message").hide("slow");},5000) //3秒关闭
}
</script>

越多关于jQuery相关内容感兴趣的读者可查阅本站专题:《jQuery拖拽特效与本事总计》、《jQuery扩大手艺总计》、《jQuery常见卓绝特效汇总》、《jQuery动画与特成效法总括》、《jquery选择器用法总括》及《jQuery常用插件及用法总括》

盼望本文所述对我们jQuery程序设计有着支持。

【亚洲城ca88手机版网页】jQuery实现frame之间互通的方法,frame之间传值的方法。1.messageAPI

poseMessage方法能够允许来自分裂源的本子选取异步形式开始展览轻便的通讯,能够兑现跨文书档案,多窗口,跨域音讯传递。
post(data,origin)

  • data 要传递的数码
  • origin
    指消痈标窗口的源,协议+主机+端口号[URL],UENCOREL可以忽略,设置源后只会传递给钦命窗口,*为私行窗口,/为同源窗口
    主窗口:

<body>
    <iframe src="inner.html"></iframe>
    <button type="button" id="click">click</button>
    <script>
        (function(){

            window.frames[0].postMessage('red','*');    
            document.getElementById('click').addEventListener('click',function(){
                window.frames[0].postMessage('red','*');
            });

        })();
    </script>
</body>

子窗口:

<body>
    <div id="red">hello world</div>
    <script>
        (function(){

            window.addEventListener('message',function(event){
                //检查发送消息的窗口是否为父窗口
                if(event.source!==window.parent){
                    return;
                }

                var red=document.getElementById('red');
                red.innerText=event.data;
            });
        })();
    </script>
</body>

父框架:

<script src="jquery-1.3.2.min.js" type="text/javascript" ></script>
<script>
var _intervalx,steplengthx
steplengthx=1000; //第一次触发时间
nextstepx=10000 ; //以后的触发时间
$(document).ready(function(){
 _intervalx=setInterval("CheckUser()",steplengthx);
});
function CheckUser() //发送查找程序
{
  if(parent.frames["frmMain"].location.pathname!="/SysMan/user_agent.asp") //如果是在user_agent.asp页面下就不提示
  {
   $.post("../webchat/chat.asp",{"action":"checkuser"},function(data)//初始化留言
   {
    if(parseInt(data)>0) //
    {
      if($(window.parent.frames["frmMain"].document).find("#message").length<1) //如果页面已经添加就不再添加
      {
      var messages="<div id=message><ul><li>有新客户发出客服申请</li><li><a href=../SysMan/user_agent.asp target=_self>在线客服</a></li></ul></div>"
      }
      $(window.parent.frames["frmMain"].document).find("body").append(messages)
      $(window.parent.frames["frmMain"].document).find("#message").show();
      TimeOut();
    }
   });
   clearInterval(_intervalx);
   _intervalx=setInterval("CheckUser()",nextstepx);
  }
}
function TimeOut()
{
  setTimeout(function(){$(window.parent.frames["frmMain"].document).find("#message").hide("slow");},5000) //3秒关闭
}
</script>

您或许感兴趣的篇章:

  • jquery、js调用iframe父窗口与子窗口成分的点子整理
  • javascript原生和jquery库达成iframe自适应中度和增幅
  • js与jQuery 获取父窗、子窗的iframe
  • jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
  • jQuery获得iframe中元素的常用方法详解
  • jQuery完成跨域iframe接口方法调用
  • 采纳jQuery不决断浏览器高度化解iframe自适应中度难点
  • jquery操作 iframe的方法
  • iframe里面包车型客车成分触发父窗口成分事件的jquery代码
  • jquery获得iframe src属性值的办法

本文实例呈报了jQuery调控frames及frame页面JS的艺术。分享给大家供大家参照他事他说加以考察,具体如下:
scrip…

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图