网站开发技巧

1：打开新窗口

<a οnclick="window.open('http://192.168.110.216:4000/','status=yes')" rel="external"></a>

2：设置网页过期

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />

3：获取屏幕大小

document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽："+document.body.clientWidth
+"<br />"+
"网页可见区域高："+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth 
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight 
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth
+"<br />"+
"网页正文全文高："+document.body.scrollHeight
+"<br />"+
"网页被卷去的高："+document.body.scrollTop
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft
+"<br />"+
"网页正文部分上："+window.screenTop
+"<br />"+
"网页正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的宽："+window.screen.width
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth
);

4：后退重新加载js代码

<script type="text/javascript">
  window.onunload = function(){};
</script>

页面离开时会调用 onunload, 刷新页面时会先调用刷之前页面的onunload, 刷后再调用onload

5：获取浏览器类型与手机（PC）型号

var Sys = {};
            var ua = navigator.userAgent.toLowerCase();
            document.write(ua.toString()+'\n');
            window.ActiveXObject ? Sys.ie = ua.match(/msie ([\d.]+)/)[1] :
            document.getBoxObjectFor ? Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1] :
            window.MessageEvent && !document.getBoxObjectFor ? Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1] :
            window.opera ? Sys.opera = ua.match(/opera.([\d.]+)/)[1] :
            window.openDatabase ? Sys.safari = ua.match(/version\/([\d.]+)/)[1] : 0;

6：获取当前网址

document.URL

document.location.href

self.location.href

document.location

7：在url传参时，如果参数值本身包含特殊字符，则会导致无法正确获得参数，有些符号，例如"#$ ^ & * + ="这些特殊字符，在url中是不能直接传递的，如果要传递这些参数，则需使用他们的编码，编码格式：%字符的ASCLL码 

下表中列出了一些URL特殊符号及编码 十六进制值 
1.+ URL 中+号表示空格 %2B 
2.空格 URL中的空格可以用+号或者编码 %20 
3./ 分隔目录和子目录 %2F 
4.? 分隔实际的 URL 和参数 %3F 
5.% 指定特殊字符 %25 
6.# 表示书签 %23 
7.& URL 中指定的参数间的分隔符 %26 
8.= URL 中指定参数的值 %3D

8：, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0，限定手机屏幕无法扩大缩小