Javascript中最常用的55個經典技巧

取消選取、防止複製

3. οnpaste="return false" 不準粘貼

4. οncοpy="return false;" oncut="return false;" 防止複製

5. rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標

6. rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

7. 關閉輸入法

8. 永遠都會帶着框架

9. 防止被人frame

10. 網頁將不能被另存爲

11.
12.刪除時確認
刪除

13. 取得控件的絕對位置
//Javascript

//VBScript

14. 光標是停在文本框文字的最後

15. 判斷上一頁的來源
javascript :
document.referrer

16. 最小化、最大化、關閉窗口





本例適用於IE

17.屏蔽功能鍵Shift,Alt,Ctrl

18. 網頁不會被緩存



或者

19.怎樣讓表單沒有凹凸感？

或

20.

&的區別？

(division)用來定義大段的頁面元素，會產生轉行
用來定義同一行內的元素，跟

的唯一區別是不產生轉行
是ns的標記，ie不支持，相當於

21.讓彈出窗口總是在最上面:

22.不要滾動條?
讓豎條沒有:

讓橫條沒有:


兩個都去掉？更簡單了

23.怎樣去掉圖片鏈接點擊後，圖片周圍的虛線？

24.電子郵件處理提交表單

mailto:****@***.com
enctype="text/plain">

25.在打開的子窗口刷新父窗口的代碼裏如何寫？
window.opener.location.reload()

26.如何設定打開頁面的大小

打開頁面的位置

27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

28. 檢查一段字符串是否全由數字組成

29. 獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎麼判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字符");

31.TEXTAREA自適應文字行數的多少
="this.style.posHeight=this.scrollHeight">

32. 日期減去天數等於第二個日期

33. 選擇了哪一個Radio

Style
Barcode

34.腳本永不出錯
<script LANGUAGE="JavaScript">

</script>

35.ENTER鍵可以讓光標移到下一個輸入框

36. 檢測某個網站的鏈接速度：
把如下代碼加入

區域中:

37. 各種樣式的光標
auto ：標準光標
default ：標準箭頭
hand ：手形光標
wait ：等待光標
text ：I形光標
vertical-text ：水平I形光標
no-drop ：不可拖動光標
not-allowed ：無效光標
help ：?幫助光標
all-scroll ：三角方向標
move ：移動標
crosshair ：十字標
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.頁面進入和退出的特效
進入頁面
推出頁面  
這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間，以秒爲單位。transition表示使用哪種特效，取值爲1-23:
　　0 矩形縮小
　　1 矩形擴大
　　2 圓形縮小
　　3 圓形擴大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 豎百葉窗
　　9 橫百葉窗
　　10 錯位橫百葉窗
　　11 錯位豎百葉窗
　　12 點擴散
　　13 左右到中間刷新
　　14 中間到左右刷新
　　15 中間到上下
　　16 上下到中間
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 橫條
　　22 豎條
　　23 以上22種隨機選擇一種

39.在規定時間內跳轉

40.網頁是否被檢索

　　其中屬性值有以下一些:
　　屬性值爲"all": 文件將被檢索，且頁上鍊接可被查詢；
　　屬性值爲"none": 文件不被檢索，而且不查詢頁上的鏈接；
　　屬性值爲"index": 文件將被檢索；
　　屬性值爲"follow": 查詢頁上的鏈接；
　　屬性值爲"noindex": 文件不檢索，但可被查詢鏈接；
　　屬性值爲"nofollow": 文件不被檢索，但可查詢頁上的鏈接。

41、email地址的分割
把如下代碼加入

區域中
[email protected]

42、流動邊框效果的表格
把如下代碼加入

區域中

43、JavaScript主頁彈出窗口技巧
窗口中間彈出

============

==============
一、在下面的代碼中，你只要單擊打開一個窗口，即可鏈接到賽迪網。而當你想關閉時，只要單擊一下即可關閉剛纔打開的窗口。
　　代碼如下：
　　<script language="JavaScript">
　　<！--
　　function openclk() {
　　another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0>http://www.ccidnet.com'，'NewWindow');
　　}
　　function closeclk() {
　　another.close();
　　}
　　//-->
　　</script>
　　
　　
　　

　　
　　
　　二、上面的代碼也太靜了，爲何不來點動感呢？如果能給頁面來個降落效果那該多好啊！
　　代碼如下：
　　<script>
　　function drop(n) {
　　if(self.moveBy){
　　self.moveBy (0，-900);
　　for(i = n; i > 0; i--){
　　self.moveBy(0，3);
　　}
　　for(j = 8; j > 0; j--){
　　self.moveBy(0，j);
　　self.moveBy(j，0);
　　self.moveBy(0，-j);
　　self.moveBy(-j，0);
　　}
　　}
　　}
　　</script>
　　
　　三、討厭很多網站總是按照默認窗口打開，如果你能隨心所欲控制打開的窗口那該多好。
　　代碼如下:
　　<script LANGUAGE="JavaScript">
　　<！-- Begin
　　function popupPage(l， t， w， h) {
　　var windowprops = "location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes" +
　　"，left=" + l + "，top=" + t + "，width=" + w + "，height=" + h;
　　var URL = "http://www.80cn.com";
　　popup = window.open(URL，"MenuPopup"，windowprops);
　　}
　　// End -->
　　</script>
　　

　　
　　

 
　　打開頁面的參數

　　離開左邊的距離:  pixels 
　　離開右邊的距離:  pixels 
　　窗口的寬度:  pixels 
　　窗口的高度:  pixels 
　　

　　
　　
　　
　　
　　

你只要在相對應的對話框中輸入一個數值即可，將要打開的頁面的窗口控制得很好。

44、頁面的打開移動
把如下代碼加入

區域中

45、顯示個人客戶端機器的日期和時間

46、自動的爲你每次產生最後修改的日期了：

This is a simple HTML- page.


Last changes:
  

47、不能爲空和郵件地址的約束：

Enter your name:

Enter your e-mail address:

48、跑馬燈

這裏可顯示您的網頁 !

49、在網頁中用按鈕來控制前頁，後頁和主頁的顯示。