代码如下: function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement("div"); t.innerHTML = ''; document.documentElement.appendChild(t.firstChild); } 我想着跨域如何解决啊!后来去网上搜索了一下子 恍然大悟 具体如下 我是复制过来了 大家重点理解一下子它的实现思路 : 问题: A域名下的页面a.htm中通过iframe嵌入B域名下的页面b.html,由于b.html的大小等是不可预知而...
废话不多说,贴上代码,也算是自己的一个代码存储。 代码如下: var temp_iframe var content = document.getElementById(right); //id为 right的DOM容器中,进行创建iframe和宽高自适应 var c = 0; function append(filename) { var the_iframe = "helpfile" + c; temp_iframe = document.createElement("iframe"); temp_iframe.src = filename; temp_iframe.scrolling = "no"; temp_iframe.setAttribute("frameborder", "0"); te...
jquery很强大,代码很简单: 代码如下: $("#iPersonalInfo").load(function() { $(this).height($(this).contents().height()); }) 有一点需要注意的,我也在调试的时候才发现的,耽误了不少时间。就是绑定事件必须在iframe加载完毕之前绑定,否则不会执行。 以下是jQuery,load事件的概述 在每一个匹配元素的load事件中绑定一个处理函数。 如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定...
代码如下: var iframe = document.createElement("iframe"); iframe.id = "frame-" + index; iframe.src = url; iframe.width = "100%"; iframe.marginwidth = "0"; iframe.scrolling = "no"; iframe.frameborder="0"; 使用IE中“查看选定区域源代码”发现创建的iframe代码是,网上搜了下资料,原来是IE不认小写,我晕死.... 使用 代码如下: setAttribute("frameborder", "0", 0); //问题解决了。 代码如下: var iframe = docu...
从父页面中选择iframe中的元素: 代码如下: $(#btnCancel,$(#PopFrame)[0].contentWindow.document) 从iframe页面中选择父页面中的元素: 代码如下: $("#PopContainer",parent.document) 以下内容是别的网友的解决方法:只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作 选...
jquery有个很不错的ui插件,dialog插件,他的官方网站上有各种形式的演示:http://jqueryui.com/demos/dialog/ ,可能大家用得比较多的还是它的默认模式,具体的用法官网上都有,也有中文的讲解地址,我就不再重复了,最近在弄弹出框架页,仔细一看,和dialog插件的modal form 模式很相似,demo演示效果:http://www.lovewebgames.com/addNews.aspx 就是这么个效果,要进行登录注册弹出层,至于为什么我不直接用modal form来做呢?...
采用的方法很类似: 代码如下: var iframe = document.createElement("iframe"); iframe.src = "http://www.gxlcms.com"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("Local iframe is now loaded."); }; } else { iframe.onreadystatechange = function(){ if (iframe.readyState == "complete"){ alert("Local iframe is now loaded."); } }; } document.body.appendChild(iframe); 最近, Nichola...
代码如下:$(window.parent.document).find("#Frm_Main").attr("src",url); 使用jquery操作iframe 1 内容里有两个ifame leftiframe中jQuery改变mainiframe的src代码: $("#mainframe",parent.document.body).attr("src","http://www.gxlcms.com ") 2 如果内容里面有一个ID为mainiframe的ifame ifame包含一个someID you want to get this content 得到someID的内容 $("#mainiframe").contents().find("someID").html() html 或者 $(...
一、父窗口调用iframe子窗口方法 1、HTML语法: 2、父窗口调用子窗口:myFrame.window.functionName(); 3、子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码: 代码如下: function say() { alert("parent.html----I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } 5、子窗口页面...
W3C的标准告诉我们,可以通过Dom对象的contentDocument属性来返回文档对象。 即 代码如下: doc= document.getElementById(myframe ).contentDocument 但对IE浏览器来说,经过测试,IE6,IE7都不支持,IE8开始支持了。 在IE下,需要这样来访问 代码如下: document.frames[myframe].document; 跨浏览器的解决方案是, contentWindow属性,这是个只读属性,返回指定的iframe的窗口对象。 它虽然不是标准的一部分,但各个主流浏览器...
父窗口中操作iframe:window.frames["iframeChild"].document //假如iframe的id为iframeChild 在子窗口中操作父窗口:window.parent.document 那么,用如果想用jquery的方法,我们怎么用jquery来获取iframe呢?下面是一下收集来的方法。 获取页面的对象其实就是dom方法外面加上jquery的选择符: 父窗口中操作iframe:$(window.frames["iframeChild"].document) //假如iframe的id为iframeChild 在子窗口中操作父窗口:$(window.pare...
代码如下: function reinitIframe(){ var iframe = document.getElementById("mainFrame"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); iframe.height = height; }catch (ex){} } window.setInterval("reinitIframe()", 200); JavaScript教程/参考手册 JavaScript...
代码如下: iframe的onload在Chrome/Opera中执行两次 var ifr = document.createElement('iframe'); ifr.onload = function(){alert(1);}; document.body.insertBefore(ifr,document.body.childNodes[0]); ifr.src = 'http://www.baidu.com'; 解决方法很简单,改下代码顺序即可:创建iframe, 添加到body中,最后添加load事件。所有浏览器下将表现一致。 代码如下: var ifr = document.createElement('iframe'); docume...
html结构如下: 代码如下: 为body添加click事件 function show_body_click(){ alert('you are click the body'); } jQuery(document).ready(function(){ //jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()"); //alert(jQuery("#ifr_id").contents().find('body').attr("onclick",'xxxx()'));//不能实现 //var ifr = jQuery("ifr_id") }); jQuery(document, '#ifr_id').ready(function(){ jQue...
这是一篇原创翻译文章。原文地址。我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为他可以和主页面并行加载,不会阻塞主页面。当然使用iframe也是有利有弊的:Steve Souders在他的blog里面有阐述:Using Iframes Sparingly:iframe会阻塞主页面的onload事件 主页面和iframe共享同一个连接池 阻塞主页面的onload是这两个问题中最影响性能的方面。一般都是想让onload时间越早触发越好,一方面是用户体验过...