代码如下: 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时间越早触发越好，一方面是用户体验过...