常用代码:javascript访问frame,iframe框架和href的定向 一.frame 1.父框架到子框架的引用 知道了上述原理,从父框架引用子框架变的非常容易,即: window.frames["frameName"]; 这样就引用了页面内名为frameName的子框架。如果要引用子框架内的子框架,根据引用的框架实际就是window对象的性质,可以这样实现: window.frames["frameName"].frames["frameName2"]; 这样就引用到了二级子框架,以此类推,可以实现多层框架的引用。...
本文实例讲述了javascript实现iframe框架延时加载的方法。分享给大家供大家参考。具体实现方法如下: 有的时候我们希望页面的一些东西实现延时加载,这样可以不影响网站打开速度,下面我来给大家介绍javascript实现iframe框架延时加载方法吧。 需要加载区域HTML代码:代码如下: 下面代码放在底部代码如下: document.getElementById("indexlogin").innerHTML=document.getElementById("tmpjsnews").innerHTML; 代码二代码如下:window...
本文实例讲述了js中iframe调用父页面的方法。分享给大家供大家参考。具体实现方法如下: 子页面调用父页面的方法在js中很容易实现。我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成:代码如下:window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了代码如下://在父页面中调用该函数function dey() { var cards_frame=document.frames("card-iframe"); //card-ifr...
本文实例讲述了js防止页面被iframe调用的方法。分享给大家供大家参考。具体实现方法如下: 一、问题描述: 有时候我们发会现自己的网站页面被别人调用并且一模一样,这个其实就是简单的iframe调用了,下面我来给大家介绍js防止页面iframe调用的方法总结吧,有需要的朋友可参考 二、解决方法: 防止自己的网页被人框架: top.location.href 最上层的地址 windows.location.href自己的地址 self指代当前窗口对象,属于window最上层的对...
本文实例讲述了在Javscript调用iframe框架页面中函数的方法,这个调用方法其实非常的简单,有了这个方法我们就可以实现iframe之间传值或修改值了,操作起来都非常的简单。分享给大家供大家参考。具体实现方法如下: 访问iframe里面的函数:代码如下:document.getElementById(commentIframe).contentWindow.hasLogined(); commentIframe为iframe的id. 要在 window.onload里面执行 例子如下: 1.html代码如下:aa2.html 页面代码如下:...
我们先看一下 JQUERY中的对像 contents() 的帮助文件 contents() 概述 查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容示例 描述: 查找所有文本节点并加粗 HTML 代码如下: Hello John</a">http://ejohn.org/">John, how are you doing?jQuery 代码如下: $("p").contents().not("[nodeType=1]").wrap("");结果: Hello John</a">http://ejohn.org/">John, how are you doing?描述: 往一个空...
本文实例讲述了js实现iframe跨页面调用函数的方法。分享给大家供大家参考。具体实现方法如下: 在项目中难免会遇到这样一个问题就是页面引入了IFrame并且需要父页面调用子页面函数或者子页面需要调用父页面函数。比如说:现在有两个页面parent.html和child.html。其中parent.html中含有IFrame并且IFrame指向child.html。现在需要在parent.html/child.html中调用child.html/parent.html的一个js方法。 具体的代码实现如下: pare...
这里介绍两个超级简单的方法,不用写什么判断浏览器高度、宽度啥的。 下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。 注意别放错了地方。 iframe的代码中,注意要写ID,没有ID查找不到代码如下:方法一:代码如下: //注意:下面的代码是放在和iframe同一个页面调用 $("#main").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheigh...
方法一:代码如下: $(window.parent.document).find("#ContentIframe").load(function() {var main = $(window.parent.document).find("#ContentIframe");var thisheight = $(document).height();if (thisheight < 800)thisheight = 800;main.height(thisheight);});这种写法,只能对于加载的时候对固有元素的自适应高度,当元素变化的时候(如添加了很多元素,高度变化后)不能及时改变父窗体的iframe高度。 方法二:代码如下: fu...
本文实例讲述了嵌入式iframe子页面与父页面js通信的方法。分享给大家供大家参考。具体分析如下: iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信。 一、同域下父子页面的通信 父页面 parent.html:代码如下:function say() { alert("parent.html----I'm at parent.html"); } fun...
页面中有个iframe:代码如下: 测试IFRAME泄露其中a.html内容如下:代码如下:Insert title here.hack{/* 1.所有浏览器都有效 */background-color:green;/* 2.IE8~IE10,Opera有效,但是Opera兼容性可以不考虑 */background-color:blue\0;/* 3.IE9~IE10有效,与2组合,在2中先写针对IE8的,在此条中针对IE9|IE10 */background-color:red\9\0;/* 4.IE7有效,与23组合能区分出IE7/IE8/(IE9|IE10) */+background-color:yellow; } /* 针对IE10...
本文实例讲述了js实现iframe自动自适应高度的方法。分享给大家供大家参考。具体如下: 在编写网页的时候,很多时候要用到自动伸缩iframe高度 ,假如ifram中嵌入的是一个列表,那么增加数据后,刷新列表,iframe高度会自动伸长。删除数据后,iframe高度要自动缩短。 将下一段代码拷贝到iframe所在那个html或者jsp页面。在
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": signal, "data": data};if(!!callbackfunc){notice["callback"] = "callback_" + new Date().getTime();Cross.on(notice["callback"], callbackfunc);}var noticeStr = JSON.stringify(notice);win.pos...
本文实例讲述了JS动态修改iframe高度和宽度的方法。分享给大家供大家参考。具体如下: 如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码function changeSize() { document.getElementById("myframe").height="300"; document.getElementById("myframe").width="300"; }Your browser does not support iframes.希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了JS动态修改iframe内嵌网页地址的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码通过修改iframe的src属性动态修改iframe的内嵌网页function changeSrc() { document.getElementById("myframe").src="http://google.com"; }Your browser does not support iframes.希望本文所述对大家的javascript程序设计有所帮助。