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前台分页显示后端JAVA数据响应
Mar 18 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
Sep 11 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
js字符串操作总结(必看篇)
Nov 22 Javascript
详解react-webpack2-热模块替换[HMR]
Aug 03 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
webpack热模块替换(HMR)/热更新的方法
Apr 05 Javascript
浅谈Angularjs中不同类型的双向数据绑定
Jul 16 Javascript
layer.confirm取消按钮绑定事件的方法
Aug 17 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
js类的继承定义与用法分析
Jun 21 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
Nov 05 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文件操作的详解
2013/06/05 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
javascript 学习之旅 (2)
2009/02/05 Javascript
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
2012/03/01 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
2012/03/01 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
document.createElement()用法及注意事项(ff下不兼容)
2013/03/13 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
JS中FRAME的操作问题实例分析
2014/10/21 Javascript
jQuery使用之标记元素属性用法实例
2015/01/19 Javascript
script标签属性用type还是language
2015/01/21 Javascript
canvas绘制七巧板
2017/02/03 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
微信小程序自定义胶囊样式
2020/12/27 Javascript
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
Python 列表(List)操作方法详解
2014/03/11 Python
从零学Python之入门(三)序列
2014/05/25 Python
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
Django 路由控制的实现
2019/07/17 Python
Windows系统Python直接调用C++ DLL的方法
2019/08/01 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
HTML5 Convas APIs方法详解
2015/04/24 HTML / CSS
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
医德医风演讲稿
2014/05/20 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
意向协议书
2015/01/27 职场文书
长城导游词300字
2015/01/30 职场文书
党支部对转正的意见
2015/06/02 职场文书
清明节随笔
2015/08/15 职场文书