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 相关文章推荐
Javascript 错误处理的几种方法
Jun 13 Javascript
javascript权威指南 学习笔记之javascript数据类型
Sep 24 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
关于Javascript与iframe的那些事儿
Jul 04 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 Javascript
推荐9款炫酷的基于jquery的页面特效
Dec 07 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
Nov 21 Javascript
Vue项目中使用flow做类型检测的方法
Mar 18 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
CocosCreator入门教程之网络通信
Apr 16 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使用curl获取https请求的方法
2015/02/11 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
超级强大的表单验证
2006/06/26 Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
js 加密压缩出现bug解决方案
2014/11/25 Javascript
浅谈js中变量初始化
2015/02/03 Javascript
jQuery中animate用法实例分析
2015/03/09 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
深入理解Vue2.x的虚拟DOM diff原理
2017/09/27 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
2020/08/24 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
Python基于回溯法解决01背包问题实例
2017/12/06 Python
python 求1-100之间的奇数或者偶数之和的实例
2019/06/11 Python
python opencv调用笔记本摄像头
2019/08/28 Python
募捐倡议书怎么写
2014/05/14 职场文书
优秀党支部书记事迹材料
2014/05/29 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
五好家庭申报材料
2014/12/20 职场文书
离婚协议书范文
2015/01/26 职场文书
2015年公民道德宣传日活动总结
2015/03/23 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
2016年第32个教师节致辞
2015/11/26 职场文书
MySQL创建高性能索引的全步骤
2021/05/02 MySQL
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python
在CSS中使用when/else的方法
2022/01/18 HTML / CSS
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python