web开发小技巧

1. 只显示垂直滚动条，不显示水平滚动条：设置body的style="overflow:scroll;overflow-x:hidden;overflow-y:yes;"
2. 禁用右键功能：设置body的οncοntextmenu="return false;"
3. 禁用F5刷新：

Js代码

1. window.document.onkeydown = disableRefresh;   
2. function disableRefresh(evt){   
3.  evt = (evt) ? evt : window.event   
4.  if (evt.keyCode) {   
5.   if(evt.keyCode == 116){   
6.    evt.keyCode = 0;   
7.    //window.document.location.reload();   
8.    return false;   
9.   }   
10.  }   
11. }  

window.document.onkeydown = disableRefresh;
function disableRefresh(evt){
 evt = (evt) ? evt : window.event
 if (evt.keyCode) {
  if(evt.keyCode == 116){
   evt.keyCode = 0;
   //window.document.location.reload();
   return false;
  }
 }
}

 

   4.  Meta Refresh：

过5秒后刷新本页面：

<meta http-equiv = "refresh" content = "5" / >

过五秒后导向http://wikipedia.org页面：

<meta http-equiv = "refresh" content = "5;url=http://wikipedia.org" / >

立即导向http://wikipedia.org页面：

<meta http-equiv = "refresh" content = "0;url=http://wikipedia.org" / >

 

5. eval构造动态JS代码：

 

Js代码

1. var tom = ['Tom', 'William'];   
2.   
3. function hello(name){   
4.    alert(["Hello, ", name, '!'].join(''));   
5. }   
6.   
7. var i = 0;   
8. var name = 't' + 'om[' + i + ']';   
9.   
10. hello(name); // Hello, tom[0]!   
11. hello(eval(name)); // Hello, Tom!  

var tom = ['Tom', 'William'];

function hello(name){
   alert(["Hello, ", name, '!'].join(''));
}

var i = 0;
var name = 't' + 'om[' + i + ']';

hello(name); // Hello, tom[0]!
hello(eval(name)); // Hello, Tom!

 

6. 打开一个小窗口：

Js代码

1. function doIt(){   
2.     window.open('new.html', 'NewWindow',    
3.     'height=100, width=400, top=300, left=400, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');   
4.     window.opener=null;   
5.         window.open('','_self','');   
6.         window.close();   
7. }