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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
JS中传递参数的几种不同方法比较
Jan 20 Javascript
20行js代码实现的贪吃蛇小游戏
Jun 20 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
PHP中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
php自动给文章加关键词链接的函数代码
2012/11/29 PHP
Yii框架中用response保存cookie,用request读取cookie的原理解析
2019/09/04 PHP
JQuery 解析多维的Json数据格式
2009/11/02 Javascript
JS对象与JSON格式数据相互转换
2012/02/20 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
微信小程序 共用变量值的实现
2017/07/12 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
js实现select下拉框选择
2020/01/11 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
vue组件中节流函数的失效的原因和解决方法
2020/12/02 Vue.js
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
Python获取脚本所在目录的正确方法
2014/04/15 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Python基于opencv实现的简单画板功能示例
2019/03/04 Python
使用Python实现文字转语音并生成wav文件的例子
2019/08/08 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
PurCotton全棉时代官网:100%天然棉花生产的生活护理用品
2016/11/18 全球购物
更夫岗位责任制
2014/02/11 职场文书
个人安全承诺书
2014/05/22 职场文书
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
我的兄弟姐妹观后感
2015/06/15 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
代码解析React中setState同步和异步问题
2021/06/03 Javascript