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 相关文章推荐
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
js jquery验证银行卡号信息正则学习
Jan 21 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
js匿名函数的调用示例(形式多种多样)
Aug 20 Javascript
javascript中的Base64、UTF8编码与解码详解
Mar 18 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
bootstrap网格系统使用方法解析
Jan 13 Javascript
node+express+ejs使用模版引擎做的一个示例demo
Sep 18 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
JavaScript JSON使用原理及注意事项
Jul 30 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
10条PHP高级技巧[修正版]
2011/08/02 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
php读取文件内容至字符串中,同时去除换行、空行、行首行尾空格(Zjmainstay原创)
2012/07/31 PHP
PHP设计模式之迭代器模式
2016/06/17 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
js实现DIV的一些简单控制
2007/06/04 Javascript
实现超用户体验 table排序javascript实现代码
2009/06/22 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
2010/11/30 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
javascript使用prototype完成单继承
2014/12/24 Javascript
基于javascript实现九宫格大转盘效果
2020/05/28 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
es6在react中的应用代码解析
2017/11/08 Javascript
JS模拟浏览器实现全局搜索功能
2019/09/11 Javascript
Python Queue模块详解
2014/11/30 Python
python操作sqlite的CRUD实例分析
2015/05/08 Python
python使用nntp读取新闻组内容的方法
2015/05/08 Python
Python的Django框架安装全攻略
2015/07/15 Python
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
django 删除数据库表后重新同步的方法
2018/05/27 Python
在echarts中图例legend和坐标系grid实现左右布局实例
2020/05/16 Python
利用python 下载bilibili视频
2020/11/13 Python
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
小学生交通安全寄语
2015/02/27 职场文书
会计求职简历自我评价
2015/03/10 职场文书
金砖之国观后感
2015/06/11 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
如何在向量化NumPy数组上进行移动窗口
2021/05/18 Python
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫