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 相关文章推荐
JQuery文本框高亮显示插件代码
Apr 02 Javascript
jQuery手机拨号界面特效代码分享
Aug 27 Javascript
详解JavaScript中的4种类型识别方法
Sep 14 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
超全面的JavaScript开发规范(推荐)
Jan 21 Javascript
分享Bootstrap简单表格、表单、登录页面
Aug 04 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 04 Javascript
简述ES6新增关键字let与var的区别
Aug 23 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
Nov 19 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
如何在VUE中使用vue-awesome-swiper
Jan 04 Vue.js
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实现将GB编码转换为UTF8
2006/11/25 PHP
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
Jquery实现图片放大镜效果的思路及代码(自写)
2013/10/18 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
jQuery Validate初步体验(一)
2015/12/12 Javascript
浅析ES6的八进制与二进制整数字面量
2016/08/30 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
nodejs基础之buffer缓冲区用法分析
2018/12/26 NodeJs
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
Vue中ref和$refs的介绍以及使用方法示例
2021/01/11 Vue.js
python分割和拼接字符串
2013/11/01 Python
Python实现的检测网站挂马程序
2014/11/30 Python
python实现多线程网页下载器
2018/04/15 Python
浅谈Python中eval的强大与危害
2019/03/13 Python
详解pandas映射与数据转换
2021/01/22 Python
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
Marc Jacobs官方网站:美国奢侈品牌
2017/08/29 全球购物
为什么需要版本控制?
2013/08/08 面试题
初入社会应届生求职信
2013/11/18 职场文书
宿舍使用违章电器检讨书
2014/01/12 职场文书
精彩的英文自荐信
2014/01/30 职场文书
报关报检委托书
2014/04/08 职场文书
2015新员工试用期工作总结
2014/12/12 职场文书
二年级学生期末评语
2014/12/26 职场文书
社区植树节活动总结
2015/02/06 职场文书
热血教师观后感
2015/06/10 职场文书
2015入党个人自传范文
2015/06/26 职场文书
公司档案管理制度
2015/08/05 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
muduo TcpServer模块源码分析
2022/04/26 Redis
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS