file模式访问网页时iframe高度自适应解决方案


Posted in Javascript onJanuary 16, 2013

最近做到iframe的高度自适应这个问题,网上一搜好多解决方案,而总结起来也就那几种,我逐一尝试这些方案,最后发现在我的项目中都不起作用,后来发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法:

<SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj) 
{ 
varwin=obj; 
if(document.getElementById) 
{ 
if(win&&!window.opera) 
{ 
if(win.contentDocument&&win.contentDocument.body.offsetHeight) 
win.height=win.contentDocument.body.offsetHeight; 
elseif(win.Document&&win.Document.body.scrollHeight) 
win.height=win.Document.body.scrollHeight; 
} 
} 
}</SPAN>

果然网页高度能够自适应(对于其他方案应该也有效果,我没有注意去尝试),而通过file方式访问网页同样的的代码log中始终报:UnsafeJavaScriptattempttoaccessframewithURLfile:///E:/workspace/html5/exam.htmlfrom
framewithURLfile:///E:/workspace/html5/quiz_preview.html.
Domains,protocolsandportsmustmatch.
每种方案都尝试了报的错是这个,只能从这个问题下手解决了,后来发现这种通过file方式跨域访问的方式chrome是默认不允许的,又查如何设置chrome允许跨域访问:最简单的方法在chrome图标右键、属性->目标在后添加‘--disable-web-security'

重新启动chrome打开要调的网页,问题果然解决了

Javascript 相关文章推荐
js实现动画特效的文字链接鼠标悬停提示的方法
Mar 02 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
js密码强度校验
Nov 10 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
使用jquery给新生的th绑定hover事件的实例
Feb 10 Javascript
微信小程序 五星评分的实现实例
Aug 04 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
解决vue动态路由异步加载import组件,加载不到module的问题
Jul 26 Javascript
jquery如何改变html标签的样式(两种实现方法)
Jan 16 #Javascript
jquery选择器的选择使用及性能介绍
Jan 16 #Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 #Javascript
用JS提交参数创建form表单在FireFox中遇到的问题
Jan 16 #Javascript
体验js中splice()的强大(插入、删除或替换数组的元素)
Jan 16 #Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 #Javascript
js 在定义的时候立即执行的函数表达式(function)写法
Jan 16 #Javascript
You might like
php 魔术方法使用说明
2009/10/20 PHP
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
js数组依据下标删除元素
2015/04/14 Javascript
jquery html动态添加的元素绑定事件详解
2016/05/24 Javascript
BOM系列第二篇之定时器requestAnimationFrame
2016/08/17 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
layui选项卡效果实现代码
2017/05/19 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
深入浅析JavaScript中的RegExp对象
2017/09/18 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
详解VUE 对element-ui中的ElTableColumn扩展
2018/03/28 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
2018/10/26 Javascript
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
ckeditor一键排版功能实现方法分析
2020/02/06 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
[20:30]职业巡回赛回顾
2018/08/09 DOTA
Python实现二分查找与bisect模块详解
2017/01/13 Python
python django事务transaction源码分析详解
2017/03/17 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
python pandas消除空值和空格以及 Nan数据替换方法
2018/10/30 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
Python3远程监控程序的实现方法
2019/07/15 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
python实现马丁策略的实例详解
2021/01/15 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
怎样声明子类
2013/07/02 面试题
酒吧总经理岗位职责
2013/12/10 职场文书
协议书的格式
2014/04/23 职场文书
2015年保洁员工作总结
2015/05/04 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书