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 相关文章推荐
JS 学习笔记 防止发生命名冲突
Jul 30 Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 Javascript
javascript框架设计读书笔记之数组的扩展与修复
Dec 02 Javascript
jQuery+ajax实现实用的点赞插件代码
Jul 06 Javascript
jQuery获取file控件中图片的宽高与大小
Aug 04 Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
vue init失败简单解决方法(终极版)
Dec 22 Javascript
Vue 组件的挂载与父子组件的传值实例
Sep 02 Javascript
实现AJAX异步调用和局部刷新的基本步骤
Mar 17 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若干单维数组遍历方法的比较
2011/09/20 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
php获取当月最后一天函数分享
2015/02/02 PHP
php中stdClass的用法分析
2015/02/27 PHP
PHP安全上传图片的方法
2015/03/21 PHP
php显示时间常用方法小结
2015/06/05 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
谈谈对JavaScript原生拖放的深入理解
2016/09/20 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
微信、QQ、微博、Safari中使用js唤起App
2018/01/24 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
2019/06/10 Javascript
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[00:10]DOTA2全国高校联赛 以DOTA2会友
2018/05/30 DOTA
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
详解 Python 读写XML文件的实例
2017/08/02 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
Django forms表单 select下拉框的传值实例
2019/07/19 Python
Python 实现一行输入多个数字(用空格隔开)
2020/04/29 Python
keras中的backend.clip用法
2020/05/22 Python
python3:excel操作之读取数据并返回字典 + 写入的案例
2020/09/01 Python
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
实习自我评价怎么写
2013/12/02 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
小学生田径运动会广播稿
2014/09/11 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书