ifram动态根据内容网页的高度调整高度 写在主页面上,不要写在iframe里面因为默认的是不能跨域 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <iframe name=iframe1 onload=haha() style="width:300;height:300" src="3.htm"></iframe><script language=javascript> function haha() { document.getElementById("iframe1").style.height=iframe1.document.body.scrollHeight+20 }</script> 实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象。 源代码如下 <script type="text/javascript"> //** iframe自动适应页面 **// //输入你希望根据页面高度自动调整高度的iframe的名称的列表 //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2],可以只有一个窗体,则不用逗号。 //定义iframe的ID var iframeids=["test] //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏 var iframehide="yes" function dyniframesize() { var dyniframe=new Array() for (i=0; i<iframeids.length; i++) { if (document.getElementById) { //自动调整iframe高度 dyniframe[dyniframe.length] = document.getElementById(iframeids); if (dyniframe && !window.opera) { dyniframe.style.display="block" if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape dyniframe.height = dyniframe.contentDocument.body.offsetHeight; else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用户的浏览器是IE dyniframe.height = dyniframe.Document.body.scrollHeight; } } //根据设定的参数来处理不支持iframe的浏览器的显示问题 if ((document.all || document.getElementById) && iframehide=="no") { var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids) tempobj.style.display="block" } } } if (window.addEventListener) window.addEventListener("load", dyniframesize, false) else if (window.attachEvent) window.attachEvent("onload", dyniframesize) else window.onload=dyniframesize </script> <iframe name="frame" src="aa.html" style="height:expression(eval(frame.document.body.scrollHeight))" align="left" width="100%" marginwidth="0" marginheight="0" scrolling="no" FRAMEBORDER="1"></iframe> <HTML><HEAD><TITLE> New Document </TITLE></HEAD><BODY>test<br><iframe name="frame" src="http://www.xnsk.net" style="height:expression(eval(frame.document.body.scrollHeight))" align="left" width="100%" marginwidth="0" marginheight="0" scrolling="no" FRAMEBORDER="1"></iframe><br><br>test</BODY></HTML>上面是个页面的测试代码,如果放在同一个网站上进行访问是可以实现的,如果不是的就不行了,有没办法解决,上面的代码我也试过的还是不行 ........<script language="javascript"> function ChangeWidth() { var theHeight = document.main.document.body.scrollHeight; var theWidth = document.main.document.body.scrollWidth; //alert(theHeight); document.main.document.body.oncontextmenu="window.event.returnValue=false"; document.main.resizeTo(theWidth,theHeight); }</script>.............<iframe name=frame src=youpage.htm>.........然后在youpage.htm的代码结尾加上如下代码即可:<script language="javascript"> parent.ChangeWidth();</script> 这个问题我看到过,如果引用的是别人的页面就不好办了。如果是自己的就好办,就是里面的代码可以修改就好办。可以在里面用cookie写值,在外面当onload之后读值,即可实现 郁闷,还是不行,显示javascript错误,错误类型为:没有权限,怎么办呢郁闷 关于日期显示的问题。 JS Confirm() 函数的问题 用JQ仿新浪“发送中”,然后自动转换“发送成功”,最后刷新页面,防止重复提交表单 javascript的问题,搞不定 急死我啦!各位大虾请帮忙!下午要交货啦~!关于eval()的 急!JS W3C高手你在何方!!!720°冰天雪地跪求解决方法... HTML DOM和XML DOM有什么区别? 大虾,帮个忙?关于Javascript注释问题?分不够继续加! jquery根据url参数加载html页面 论坛回帖提醒插件 如何讓鼠標停留在一行網格時,會自動彈出一個文字框提示? 怎么判断页面上的控件存不存在?
<script language=javascript>
function haha()
{
document.getElementById("iframe1").style.height=iframe1.document.body.scrollHeight+20
}
</script>
源代码如下
<script type="text/javascript">
//** iframe自动适应页面 **//
//输入你希望根据页面高度自动调整高度的iframe的名称的列表
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2],可以只有一个窗体,则不用逗号。
//定义iframe的ID
var iframeids=["test]
//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏,no表示不隐藏
var iframehide="yes"
function dyniframesize()
{
var dyniframe=new Array()
for (i=0; i<iframeids.length; i++)
{
if (document.getElementById)
{
//自动调整iframe高度
dyniframe[dyniframe.length] = document.getElementById(iframeids);
if (dyniframe && !window.opera)
{
dyniframe.style.display="block"
if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
dyniframe.height = dyniframe.contentDocument.body.offsetHeight;
else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //如果用户的浏览器是IE
dyniframe.height = dyniframe.Document.body.scrollHeight;
}
}
//根据设定的参数来处理不支持iframe的浏览器的显示问题
if ((document.all || document.getElementById) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)
tempobj.style.display="block"
}
}
}
if (window.addEventListener)
window.addEventListener("load", dyniframesize, false)
else if (window.attachEvent)
window.attachEvent("onload", dyniframesize)
else
window.onload=dyniframesize
</script>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
test<br>
<iframe name="frame" src="http://www.xnsk.net" style="height:expression(eval(frame.document.body.scrollHeight))" align="left" width="100%" marginwidth="0" marginheight="0" scrolling="no" FRAMEBORDER="1"></iframe>
<br><br>test
</BODY></HTML>
上面是个页面的测试代码,如果放在同一个网站上进行访问是可以实现的,如果不是的就不行了,有没办法解决,上面的代码我也试过的还是不行
<script language="javascript">
function ChangeWidth()
{ var theHeight = document.main.document.body.scrollHeight;
var theWidth = document.main.document.body.scrollWidth;
//alert(theHeight);
document.main.document.body.oncontextmenu="window.event.returnValue=false";
document.main.resizeTo(theWidth,theHeight);
}
</script>
.............
<iframe name=frame src=youpage.htm>
.........然后在youpage.htm的代码结尾加上如下代码即可:
<script language="javascript">
parent.ChangeWidth();
</script>