使用浏览器时,会留下记录,所以很多人想要无痕浏览。无痕浏览就是浏览器不会保存你访问过的网站,有的也叫隐私模式或者隐身模式,而在Edge浏览器中叫作InPrivate,翻译成中文类似......
2023-12-12 202 Edge浏览器实现无痕浏览
由于W3C标准不支持iframe,所以前台页面基本不使用iframe,但后台由于要切换不同的页面,不用iframe不便实现,故还得使用。因为在一个iframe内要显示不同高度的页面,不同的页高度一般不相同,所以涉及到高度自适应问题。
如果仅仅是在一个iframe内显示不同的页面,高度自适应还好解决,只要给iframe添加一个onload属性就可以实现,如下所示:
<iframe id="right" name="right" onload="this.height=right.document.body.scrollHeight" width="100%" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" src="index.html"></iframe>
但如果被显示的页面中有相应的操作,如单击标题展开相应内容或上传图片后显示上传后的图片,此时页面的高度发生了变化,就需要重新调整,原来的onload="this.height=right.document.body.scrollHeight"无法实现,需要另外写一个函数来实现,代码如下所示:
function reSetIframeHight() {
var ifram = parent.document.getElementById('right');
if(ifram.Document)
ifram.style.height = document.body.scrollHeight;
else
ifram.style.height = document.body.scrollHeight + 'px';
}
页面高度发生变化后,只需调用 reSetIframeHight(),高度就会自适应,既方便也没不用常常去检查高度是否发生变化,所以不会无端的浪费资源,是一种高效的实现方式。
标签: iframe自动适应高度
相关文章
使用浏览器时,会留下记录,所以很多人想要无痕浏览。无痕浏览就是浏览器不会保存你访问过的网站,有的也叫隐私模式或者隐身模式,而在Edge浏览器中叫作InPrivate,翻译成中文类似......
2023-12-12 202 Edge浏览器实现无痕浏览
RustDesk远程桌面控制软件时报错:deadline has elapsed,相信也有网友遇到了这个错误提示,下面就将引起的原因和解决方法分享给大家,帮助大家解决实际问题。 原因和解决方法: 英文翻......
2022-10-09 677 RustDesk远程桌面控制软件
Axure导出的HTML文件,如果要用Safari浏览器打开,需要简单设置一下。这是因为浏览器安全策略,一般是不让直接打开本地HTML文件的。所以用谷歌浏览器需要安装插件,而Safari浏览器需要......
2023-07-26 465 Safari浏览器 打开Axure本地HTML文件
有时候使用浏览器的过程中,应该可以打开的网页却出现错误无法打开,这有可能是由于其他软件破坏了缓存中的文件,可以尝试清空浏览器的缓存等数据来解决问题。 1.首先打开浏览......
2022-08-05 240 edge浏览器 谷歌chrome浏览器
TF、SD内存卡是手机、相机、机顶盒等数码产品的存储空间扩展必备产品,但内存卡很容易损坏,经常会遇到无法识别、检测不到、读不出数据等问题。内存卡检测工具和内存卡修复工具此......
2016-10-02 200 内存卡检测工