html代码改进

1.

<a href='#' onclick="window.open('holiday.html',WinName,width=300,height=300);">Holiday</a>

链接的目标地址没有设置，当javascript被禁用时链接失效。改为=>

<a href='holiday.html' onclick="window.open(this.href,WinName,width=300,height=300);">Holiday</a>

永远不要省略href属性，不要随意为href赋"#"或类似值。

 

2.HTML5的新标签IE9以下不支持，设置的样式将不会被表现，解决办法，在head内添加以下代码：

<!--[if lt IE 9]>
<script type="text/javascript">  
document.createElement("nav");
</script>
<![endif]-->

唯一能让IE在新元素上应用样式的方法是使用javascript将新元素定义为文档的一部分。

3. 浏览器后退按钮

登陆之后，跳转到另外一个页面，后退又会回到之前的登录页面，但事实是用户已经登录了，所有页面的状态都应该是已登录的，不管什么情况下都不应该让用户在看到这个页面。用户的点击操作会引发上面的问题，而程序 history.go(-1) & history.back() 也会有一样的bug。

这样的问题处理方案比较简单，ajax 拿到 success 的状态码时立刻做跳转，但是这里不能用 window.location.href，这样浏览器还是会记录这个登录历史，应该使用 window.location.replace，替换当前历史记录。