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

本文实例讲述了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程序设计有所帮助。

时间: 2016-03-07

jQuery取得iframe中元素的常用方法详解

本文实例分析了jQuery取得iframe中元素的常用方法.分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种方法: 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下: $('#objId', parent.document); 搞定... 在父页面 获取iframe子页面的元素: $("#objid",document.frames('iframename').document) $(document.getElementById('ifra

jquery操作 iframe的方法

我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点(包括文本节点).如果元素是一个iframe,则查找文档内容 示例 描述: 查找所有文本节点并加粗 HTML 复制代码 代码如下: <p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p> jQuery 复制代码 代码如下: $(&q

iframe里面的元素触发父窗口元素事件的jquery代码

例如父窗口定义了一个事件. top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.document).trigger('topEvent'); 看似正确,实则误导人. 因为父窗口的jquery对象与iframe里面的jquery对象实际为两个对象(function),iframe里面的jquery并不会触发另一个jquery对象定义的事件.除非你在iframe这样

js与jQuery 获取父窗、子窗的iframe

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_x

jquery、js调用iframe父窗口与子窗口元素的方法整理

1. jquery 在iframe子页面获取父页面元素代码如下: $("#objid", parent.document) 2. jquery在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 3.js 在iframe子页面获取父页面元素代码如下: indow.parent.document.getElementByIdx_x("元素id");

jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误

jquery.bgiframe.js在IE9下的错误 复制代码 代码如下: SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字符976 错误代码 复制代码 代码如下: 1 {if(!$('iframe.bgiframe',this)[0])this.insertBefore(document.createElement(html),this.firstChild);});};})(jQuery

jQuery实现跨域iframe接口方法调用

cross.js 复制代码 代码如下: (function(global){   global.Cross = {     signalHandler: {},     on: function(signal, func){       this.signalHandler[signal] = func;     },     call: function(win, domain, signal, data, callbackfunc){       var notice = {"signal&

使用jQuery不判断浏览器高度解决iframe自适应高度问题

这里介绍两个超级简单的方法,不用写什么判断浏览器高度.宽度啥的. 下面的两种方法自选其一就行了.一个是放在和iframe同页面的,一个是放在test.html页面的. 注意别放错了地方. iframe的代码中,注意要写ID,没有ID查找不到 复制代码 代码如下: <iframe src="test.html" id="main" width="700" height="300" frameborder="0&q

jquery得到iframe src属性值的方法

取得iframe src属性的的值: Html代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery</title> <style type="text/css"> </style&

javascript原生和jquery库实现iframe自适应高度和宽度

javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginh

jquery ajax应用中iframe自适应高度问题解决方法

iframe自适应高度本身是很简单的方法,就是在页面加载完成后,重新计算一下高度即可. 代码如下: 复制代码 代码如下: //公共方法:设置iframe的高度以保证全部显示数据//function SetPageHeight() {//    var iframe = getUrlParam('ifname');//    var myiframe = window.parent.document.getElementById(iframe);//     iframeLoaded(myifra

jQuery简单实现iframe的高度根据页面内容自适应的方法

本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法.分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $("#iframeId").load(function () { var mainheight = $(this).contents().find("body").height() + 30; $(this).height(mainheight); }); 方式2: //注意:下面的代码

JavaScript 处理Iframe自适应高度(同或不同域名下)

1.同域名下Iframe自适应高度的处理 复制代码 代码如下: <iframe onload="Javascript:SetIFrameHeight(this)" src="../Home/b" id="win" name="win" width="100%" height="1"> </iframe> 当然此处我用的是Asp.Net MVC 此处src设置为路由

iframe自适应高度的多种方法方法小结

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以"伸缩自如",所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下JS函数: 第一种方法:代码简单,兼容性还可以,大家可以先测试下. 复制代码 代码如下: function SetWinHeight(obj) { var win=obj; if (documen

基于jQuery实现左右div自适应高度完全相同的代码

在线演示:http://demo.jb51.net/js/2012/jquery_demo/jquery_div_autoheihet.htm完整代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=&quo

关于IFRAME 自适应高度的研究

关于IFRAME 自适应高度的研究--之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下. 重要提示:src=中你必须填写的网页地址,一定要和本页面在同一个站点上,否则,会抱错,说"拒绝访问!" 之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下 超简单哦 1.建立一个bottom.js的文件,然后输入下面的代码(只有两行哦) parent.document.all(&quo

JS实现iframe自适应高度的方法示例

本文实例讲述了JS实现iframe自适应高度的方法.分享给大家供大家参考,具体如下: <iframe id="mainFrame" name="mainFrame" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling="no" frameborder="

JS实现iframe自适应高度的方法(兼容IE与FireFox)

本文实例讲述了JS实现iframe自适应高度的方法.分享给大家供大家参考,具体如下: 之前一直被iframe自适应高度的问题困扰,很多JS代码在FF里面似乎就变成哑巴了.后来下面这段代码终于被我从万千号称兼容FF的代码堆中翻了出来.我已经用过了,真的好用.尤其是对于我这样的JS水平较低(真不好意思)的人来说,这段代码简单易懂,方便修改,只要把下面的代码复制粘贴到iframe所在页面的<body>标签里面,并且修改一下ID名就行了(注意,要修改的地方有两个,位置在代码中有说明). 向原创这段代码