文章/答案/技术大牛

发布

问重装问题
EN

Stack Overflow用户

提问于 2012-08-20 16:12:23

回答 1查看 654关注 0票数 1

我把这个代码：

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>  
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Abbey Test</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">


</head>
<script src="js/libs/modernizr-2.5.3.min.js"></script>

<![if !IE]> <body onresize="document.location=window.location";> <![endif]>
<!--[if IE]> <body onresize="window.location.reload()"> <![endif]-->

<script type="text/javascript">
(function() {
var config = {
  kitId: 'dlv2pds',
  scriptTimeout: 3000
};
var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+=" wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s)
})();
</script>


<body onload="draw();">

在一个HTML5页面中，我正在制作以补偿我正在进行的铬窗口大小调整问题。这导致IE继续重新加载。我试图使这一页响应，但我正在遇到的细节坚韧。

谢谢

html

css

回答 1

Stack Overflow用户

发布于 2012-08-20 16:18:26

我认为问题是，您应该让第一个<body ..>不附带任何条件，因为它们在浏览器!= IE中没有解释。

编辑

在重新思考您的问题(IE将显示两个<body>标记:/)之后，您应该尝试这种方法

<!--[if IE]>    <body onresize="window.location.reload()"> <![endif]-->
<!--[if !IE]><!--> <body onresize="document.location=window.location";> <!--<![endif]-->

摘自html5boilerplate ;)

@Schnaars评论后的编辑

您的站点正在重新加载，因为每次您调整窗口大小时都要调用window.location.reload() [ window.location ](每次加载页面时都调用resize事件)。您将其放入IE条件中，这就是为什么它一直在重新加载。您很可能希望重新绘制页面大小的“东西”，只需像onresize="draw()"一样调用<body onload="draw()" onresize="draw()">即可。

Sidenote:使用jQuery或类似的库将使事件处理和其他事情更容易;)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12041259

复制

相似问题

问重装问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问重装问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问重装问题
EN