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类代码
Jun 27 Javascript
Javascript 面向对象(三)接口代码
May 23 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
AngularJS遍历获取数组元素的方法示例
Nov 11 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
Nov 22 Javascript
详解vue.js之props传递参数
Dec 12 Javascript
JavaScript实现职责链模式概述
Jan 25 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
vue实现按需加载组件及异步组件功能
May 27 Javascript
vue store之状态管理模式的详细介绍
Jun 13 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 和 MYSQL
2006/10/09 PHP
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
javascript XML数据显示为HTML一例
2008/12/23 Javascript
javascript中RegExp保留小数点后几位数的方法分享
2013/08/13 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
浅谈javascript实现八大排序
2015/04/27 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
Python Requests库基本用法示例
2018/08/20 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
python实现输入的数据在地图上生成热力图效果
2019/12/06 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
python识别验证码的思路及解决方案
2020/09/13 Python
彻底解决Python包下载慢问题
2020/11/15 Python
HTML5 canvas基本绘图之绘制矩形
2016/06/27 HTML / CSS
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
学校岗位设置方案
2014/01/16 职场文书
与美同行演讲稿
2014/09/13 职场文书
师德师风建设整改措施思想汇报
2014/10/11 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
年底个人总结范文
2015/03/10 职场文书
担保书范文
2019/07/09 职场文书
Python实战之用tkinter库做一个鼠标模拟点击器
2021/04/27 Python
详解Python为什么不用设计模式
2021/06/24 Python
详解Vue slot插槽
2021/11/20 Vue.js
nginx 配置指令之location使用详解
2022/05/25 Servers