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 相关文章推荐
Prototype使用指南之enumerable.js
Jan 10 Javascript
通过Javascript创建一个选择文件的对话框代码
Jun 16 Javascript
ie与ff下的event事件使用介绍
Nov 25 Javascript
动态显示可输入的字数提示还可以输入的字数
Apr 01 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 Javascript
基于jQuery滑动杆实现购买日期选择效果
Sep 15 Javascript
基于JS实现新闻列表无缝向上滚动实例代码
Jan 22 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
javascript input输入框模糊提示功能的实现
Sep 25 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
vue.js实现二级菜单效果
Oct 19 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 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
安健A254立体声随身听的分析与打磨
2021/03/02 无线电
基于mysql的bbs设计(二)
2006/10/09 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
php递归函数怎么用才有效
2018/02/24 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
js获取GridView中行数据的两种方法 分享
2013/07/13 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
AngularJS基础学习笔记之控制器
2015/05/10 Javascript
Javascript实现飞动广告效果的方法
2015/05/25 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
详解vue嵌套路由-query传递参数
2017/05/23 Javascript
微信小程序使用modal组件弹出对话框功能示例
2017/11/29 Javascript
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
Vue 去除路径中的#号
2018/04/19 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
uniapp微信小程序实现一个页面多个倒计时
2020/11/01 Javascript
Python遍历目录中的所有文件的方法
2016/07/08 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
利用HTML5中的Canvas绘制一张笑脸的教程
2015/05/07 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
上海中网科技笔试题
2012/02/19 面试题
Linux文件系统类型
2012/09/16 面试题
快递业务员岗位职责
2014/01/06 职场文书
个人安全承诺书
2014/05/22 职场文书
小学语文教研活动总结
2014/07/01 职场文书
城南旧事观后感
2015/06/11 职场文书
一文搞懂MySQL索引页结构
2022/02/28 MySQL