Web知识总结

一）window.location.href和window.location.replace的区别 

1.window.location.href=“url”：改变url地址； 

2.window.location.replace(“url”)：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，
因此当使用replace方法之后，你不能通过“前进”和“后 退”来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！

更多api说明:

window.location.reload()：强制刷新页面，从服务器重新请求！

 

二)使用mata如何刷新页面

在head标签中输出http-equiv mata标签

比如0秒后跳转到http://placehold.it/36x36,如果没有设置url，就是刷新本页

<meta http-equiv="refresh" content="0;url=http://placehold.it/36x36" />

考虑到对SEO的影响，最好设置延时为10s以上。

 

三)能否屏蔽后退按钮？

答案是不能，只能在一定程度上、以不同的方式禁止用户返回前一页面

方案：在服务端禁止页面缓存，同时在客户端用window.location.replace(targetUrl)跳转，如果服务端使用Response.Redirect来跳转，会有缓存（后退按钮会可以使用）

 

四）谷歌语言转换工具

<div id="google_translate_element"></div>

<script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'zh-CN',
    includedLanguages: 'en,zh-TW'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

五)jQuery的$(docment).ready()和原生JS的window.onload()的区别

首先要了解页面的加载过程：1）域名解析-2）加载html-3）加载js和css-4）加载图片等其他信息

$(docment).ready()发生在3）和4）之间，注册几个回调就执行几个
window.onload()发生在4)之后，即整个页面全部装载完成，它只能注册一次，如果注册了多次，最后一次注册才会执行

$(docment).ready()是在dom加载完成后就可以直接对dom进行操作，比如一张图片只要<img>标签完成，不用等这个图片加载完成，就可以设置图片的宽高的属性或样式等；
window.onload()是在整个document文档（包括了加载图片等其他信息）加载完成后就可以直接对dom进行操作，比如一张图片要等这个图片加载完成之后才能设置图片的宽高的属性或样式等；