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 点击图片跳转上一张或下一张功能的实现代码
Mar 12 Javascript
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
jQuery Tools tab使用介绍
Jul 14 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
layui文件上传实现代码
May 20 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
使用watch监听路由变化和watch监听对象的实例
Feb 24 Javascript
详解vue 兼容IE报错解决方案
Dec 29 Javascript
JS实现页面跳转与刷新的方法汇总
Aug 30 Javascript
vue-model实现简易计算器
Aug 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 随机生成10位字符代码
2009/03/26 PHP
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
JS 树形递归实例代码
2010/05/18 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
基于JavaScript实现一定时间后去执行一个函数
2015/12/14 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
2017/08/28 jQuery
React Native 截屏组件的示例代码
2017/12/06 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
Python3实现定时任务的四种方式
2019/06/03 Python
python中怎么表示空值
2020/06/19 Python
Java爬虫技术框架之Heritrix框架详解
2020/07/22 Python
python中time.ctime()实例用法
2021/02/03 Python
网站域名和主机:Domain.com
2019/04/01 全球购物
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
外贸采购员求职的自我评价
2013/11/26 职场文书
个人函授自我鉴定
2014/03/25 职场文书
民族团结好少年事迹材料
2014/08/19 职场文书
财务部岗位职责范本
2015/04/14 职场文书
信息技术教研组工作总结
2015/08/13 职场文书
win10安装配置nginx的过程
2021/03/31 Servers
python flask框架快速入门
2021/05/14 Python
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js
CSS浮动引起的高度塌陷问题
2022/08/05 HTML / CSS
volatile保证可见性及重排序方法
2022/08/05 Java/Android