2011-05-10 63 views
2

有一个脚本根据用户的显示器屏幕分辨率更改页面模板。但是,它在IE中不起作用。请告诉我如何解决这个问题。该脚本在IE中不起作用。我该如何解决它?

<body> 
<table id="mt" align="center" > 
<tr> 
<td colspan=3 id=top>{{head}}</td></tr><tr><td id=t1>&nbsp;</td><td id=t3>&nbsp;</td><td id=t2>&nbsp;</td></tr><tr> 
<td id=1eft valign=top>{{left}}</td> 
<td id=content><h1>[*pagetitle*]</h1>[*content*]</td> 
<td id=right>{{right}}</td></tr> 
<tr><td id=ft colspan=3>{{foot}}</td></tr> 
</table><script>if (window.outerWidth>1440) {a='1440px';} else {a='auto';}document.getElementById("mt").style.width = a;</script></body> 
+0

* “的脚本不能在IE浏览器。” * ** **如何它不工作? IE上会发生什么?没有?模板的大小错误?您在脚本控制台中看到错误消息? *(提示)*一切都变成了一个可爱的fucshia阴影? ;-) – 2011-05-10 18:37:37

+0

__ [IE8] __'alert(window.outerWidth);'< - 返回undefined。 – 2011-05-10 18:42:43

+0

>> [IE8] alert(window.outerWidth); < - 返回undefined。我怎样才能取代IE的window.outerWidth? – Astraport 2011-05-10 18:56:52

回答

3

outerWidth由IE支持,但是从IE9开始支持。

Replacement

+0

有没有更换? – Astraport 2011-05-10 18:55:28

+0

是的,我添加它来回答。 – 2011-05-10 18:58:23

0

我看其他的几个问题

  • 你的所有属性值应该是在引号。例如。 id="value"
  • 你已经离开拼写1(1号)EFT
+0

谢谢,但这并不影响问题 – Astraport 2011-05-10 18:56:35

2

并非所有的浏览器有window.outerWidth和window.outerHeight性能。极客日报在cross-browser window size detection上发表了一篇好文章。我建议看看那里。作为一个例子,这是我在1280x1024分辨率的桌面上的每个浏览器中得到的结果。

window.outerWidth 
1288 
document.body.offsetWidth 
1264 
document.documentElement.offsetWidth 
1280 

火狐

window.outerWidth 
1288 
document.body.offsetWidth 
1238 
document.documentElement.offsetWidth 
1264 

IE7文档类型定义

window.outerWidth 
undefined 
document.body.offsetWidth 
1260 
document.documentElement.offsetWidth 
1260 

IE7没有文档类型/ Quirks模式

window.outerWidth 
undefined 
document.body.offsetWidth 
1260 
document.documentElement.offsetWidth 
1280 
相关问题