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 相关文章推荐
jqTransform form表单美化插件使用方法
Jul 05 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
javascript抽象工厂模式详细说明
Dec 16 Javascript
jquery移动节点实例
Jan 14 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
简单学习JavaScript中的for语句循环结构
Nov 10 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
js中获取jsp表单中radio类型的值简单实例
Aug 15 Javascript
浅谈javascript中的三种弹窗
Oct 21 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
Dec 29 Javascript
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
在HTML5 localStorage中存储对象的示例代码
Apr 21 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
Drupal7连接多个数据库及常见问题解决
2014/03/02 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
Javascript 检测、添加、移除样式(className)函数代码
2009/09/08 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
JS实现的tab切换选项卡效果示例
2017/02/28 Javascript
详细分析JS函数去抖和节流
2017/12/05 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
2018/09/28 Javascript
微信小程序实现留言板
2018/10/31 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
2019/05/23 Javascript
HTML+JavaScript实现扫雷小游戏
2019/09/30 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
JS实现滑动拼图验证功能完整示例
2020/03/29 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
如何使用gpu.js改善JavaScript的性能
2020/12/01 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
python中的函数用法入门教程
2014/09/02 Python
Python制作爬虫采集小说
2015/10/25 Python
Python中使用bidict模块双向字典结构的奇技淫巧
2016/07/12 Python
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
python递归全排列实现方法
2018/08/18 Python
python对象与json相互转换的方法
2019/05/07 Python
Django缓存系统实现过程解析
2019/08/02 Python
python opencv实现证件照换底功能
2019/08/19 Python
解决django接口无法通过ip进行访问的问题
2020/03/27 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
python中@property的作用和getter setter的解释
2020/12/22 Python
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
夜班门卫岗位职责
2013/12/09 职场文书
公司应聘自荐书
2014/06/14 职场文书
质量月口号
2014/06/20 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书
办公室主任岗位职责范本
2015/03/31 职场文书
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL