而总结起来也就那几种
2014-04-08 11:55
162 查看
最近做到iframe的高度自适应这个问题,网上一搜好多解决方案,而总结起来也就那几种,我逐一尝试这些方案,最后发现在我的项目中都不起作用,后来发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法:
文章来自 codego.net 请看源代码:
<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,--codego.net--;
}
}
}</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打开要调的网页,问题果然解决了
文章来自 codego.net 请看源代码:
<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,--codego.net--;
}
}
}</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打开要调的网页,问题果然解决了
相关文章推荐
- iOS快速开发必备的几种类库总结
- 关于图片拉伸的几种方法总结
- 总结C#中窗体间传递数据的几种方法
- Android Intent的几种用法全面总结
- UML类图几种关系的总结
- SQLAlchemy 几种查询方式总结
- UML类图几种关系的总结
- 总结调用Flash的几种方法
- 【Java】UML类图几种关系的总结
- ASP.NET输出EXCEL表格的几种方法(总结修改)
- Android Intent的几种用法全面总结(转载)
- UML类图几种关系的总结
- Android Intent的几种用法全面总结
- 【网站安全】网站通常面临的几种安全威胁及应对方式【总结版】
- UML类图几种关系的总结
- UML类图几种关系的总结
- UML类图几种关系的总结
- 几种常见模式识别算法整理和总结
- UML类图几种关系的总结
- UML类图几种关系的总结