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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
jquery中:input和input的区别分析
Jul 13 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
Dec 18 Javascript
javascript数字时钟示例分享
Apr 23 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
js验证框架之RealyEasy验证详解
Jun 08 Javascript
JavaScript触发onScroll事件的函数节流详解
Dec 14 Javascript
vue系列之动态路由详解【原创】
Sep 10 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 Javascript
layui使用form表单实现post请求页面跳转的方法
Sep 14 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 22 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加速 eAccelerator配置和使用指南
2009/06/05 PHP
php预定义变量使用帮助(带实例)
2013/10/30 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
WordPress中转义HTML与过滤链接的相关PHP函数使用解析
2015/12/22 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
PHP-FPM 设置多pool及配置文件重写操作示例
2019/10/02 PHP
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
vue使用技巧及vue项目中遇到的问题
2018/06/04 Javascript
Canvas实现微信红包照片效果
2018/08/21 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
Python程序设计入门(5)类的使用简介
2014/06/16 Python
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
python递归打印某个目录的内容(实例讲解)
2017/08/30 Python
python八皇后问题的解决方法
2018/09/27 Python
python3实现表白神器
2019/04/09 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
波兰办公用品和学校用品在线商店:Dlabiura24.pl
2020/11/18 全球购物
当我正在为表建立索引的时候,SQL Server 会禁止对表的访问吗
2014/04/28 面试题
使用索引(Index)有哪些需要考虑的因素
2016/10/19 面试题
销售员自我评价怎么写
2013/09/19 职场文书
电气个人求职信范文
2014/02/04 职场文书
建设工地安全标语
2014/06/07 职场文书
公安局负责人查摆问题及整改方案
2014/09/27 职场文书
Redis持久化与主从复制的实践
2021/04/27 Redis