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中的关键字&quot;VAR&quot;使用详解 分享
Jul 31 Javascript
ie中js创建checkbox默认选中问题探讨
Oct 21 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
用javascript将数据导入Excel示例代码
Sep 10 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
Nov 10 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
Oct 25 Javascript
vue-router的使用方法及含参数的配置方法
Nov 13 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
Vue中添加滚动事件设置的方法详解
Sep 14 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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中explode与split的区别介绍
2012/10/03 PHP
PHPEXCEL 使用小记
2013/01/06 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
php检查是否是ajax请求的方法
2015/04/16 PHP
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
PHP爬虫之百万级别知乎用户数据爬取与分析
2016/01/22 PHP
php通过执行CutyCapt命令实现网页截图的方法
2016/09/30 PHP
redirect_uri参数错误的解决方法(必看)
2017/02/16 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
yii2的restful api路由实例详解
2019/05/14 PHP
php实现图片压缩处理
2020/09/09 PHP
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
基于jQuery实现一个marquee无缝滚动的插件
2017/03/09 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
2017/12/20 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
Python with用法实例
2015/04/14 Python
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
python实现微信自动回复功能
2018/04/11 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
pip安装python库的方法总结
2019/08/02 Python
python小程序之4名牌手洗牌发牌问题解析
2020/05/15 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
企业项目策划书
2014/01/11 职场文书
2014年中秋寄语
2014/08/11 职场文书
项目建议书
2015/02/04 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP