使两个iframe的高度与内容自适应,且相等

我有个愿望Y

我有个愿望Y

2016-02-19 11:46

下面这个使两个iframe的高度与内容自适应,且相等教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

div class="TxtBox"
iframe frameborder="0" scrolling="no" name="news1"  id="news1" onload="if(document.frames['news1'].document.body.scrollHeightdocument.frames['news2'].document.body.scrollHeight) document.all.news1.height=document.frames['news1'].document.body.scrollHeight;if(document.frames['news1'].document.body.scrollHeight=document.frames['news2'].document.body.scrollHeight) document.all.news1.height=document.frames['news2'].document.body.scrollHeight;" src="http://m.tulaoshi.com" width="100%"/iframe
/div

div class="TxtBox"

iframe frameborder="0" scrolling="no" name="news2" id="news2" onload="if(document.frames['news1'].document.body.scrollHeightdocument.frames['news2'].document.body.scrollHeight) document.all.news2.height=document.frames['news1'].document.body.scrollHeight;if(document.frames['news1'].document.body.scrollHeight=document.frames['news2'].document.body.scrollHeight) document.all.news2.height=document.frames['news2'].document.body.scrollHeight;" src="http://m.tulaoshi.com/index_1.htm" width="100%"/iframe

/div
图老师提醒啊,多浏览期兼容需要注意些地方,不要用document.all用兼容好的,

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

使两个iframe的高度与内容自适应,且相等

Web开发
使两个iframe的高度与内容自适应,且相等

javascript应用:Iframe自适应其加载的内容高度

Web开发
javascript应用:Iframe自适应其加载的内容高度

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

关于IFRAME 自适应高度的研究

Web开发
关于IFRAME 自适应高度的研究

jQuery解决iframe高度自适应代码

Web开发
jQuery解决iframe高度自适应代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

利用JAVASCRIPT让IFRAME框架的高度自适应

Web开发
利用JAVASCRIPT让IFRAME框架的高度自适应

让iframe自适应高度(支持XHTML支持FF)

Web开发
让iframe自适应高度(支持XHTML支持FF)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MS-SQL Server 中单引号的两种处理方法

MS-SQL Server 中单引号的两种处理方法

VB倒计时器和JS当前时间

VB倒计时器和JS当前时间
下拉加载更多内容 ↓