js實用技巧

1. οncοntextmenu="window.event.returnValue=false" 将徹底屏蔽滑鼠右鍵

<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消選取、防止複制

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

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

5. <link rel="Shortcut Icon" href="favicon.ico" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" > IE位址欄前換成自己的圖示

6. <link rel="Bookmark" href="favicon.ico" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" > 可以在收藏夾中顯示出你的圖示

7. <input style="ime-mode:disabled"> 關閉輸入法

8. 永遠都會帶着架構

if (window == top)top.location.href = "frames.htm"; //frames.htm為架構網頁

// --></script>

9. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--

if (top.location != self.location)top.location=self.location;

// --></SCRIPT>

10. 網頁将不能被另存為

11. <input type=button value=檢視網頁源代碼

οnclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

12.删除時确認

13. 取得控件的絕對位置

//Javascript

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

</script>

//VBScript

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

--></script>

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

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart("character",e.value.length);

r.collapse(true);

r.select();

}

</script>

15. 判斷上一頁的來源

javascript:

document.referrer

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

本例适用于IE

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

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!"); //可以換成ALT　CTRL

}

document.οnkeydοwn=look;

</script>

18. 網頁不會被緩存

或者<META HTTP-EQUIV="expires" CONTENT="0">

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

或

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的差別？

<div>(division)用來定義大段的頁面元素，會産生轉行

<span>用來定義同一行内的元素，跟<div>的唯一差別是不産生轉行

<layer>是ns的标記，ie不支援，相當于<div>

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

22.不要滾動條?

讓豎條沒有:

</body>

讓橫條沒有:

</body>

兩個都去掉？更簡單了

</body>

23.怎樣去掉圖檔連結點選後，圖檔周圍的虛線？

24.電子郵件處理送出表單

</form>

25.在打開的子視窗重新整理父視窗的代碼裡如何寫？

window.opener.location.reload()

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

打開頁面的位置<body οnlοad="top.moveBy(300,200);">

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

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

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

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

29. 獲得一個視窗的大小

document.body.clientWidth; document.body.clientHeight

30. 怎麼判斷是否是字元

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");

else alert("全是字元");

31.TEXTAREA自适應文字行數的多少

</textarea>

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

function cc(dd,dadd)

{

//可以加上錯誤處理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

}

cc("12/23/2002",2)

</script>

33. 選擇了哪一個Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio" value="style" checked>Style

<INPUT name="radio1" type="radio" value="barcode">Barcode

</BODY></HTML>

34.腳本永不出錯

<!-- Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>

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

36. 檢測某個網站的連結速度：

把如下代碼加入<body>區域中:

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]="www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]="www.cctv.com"

function butt(){

document.write("<form name=autof>")

for(var i=1;i<autourl.length;i++)

document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

οnclick=window.open(this.form.url"+i+".value)><br>")

document.write("<input type=submit value=重新整理></form>")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="連結逾時"}

else

{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1

οnerrοr=auto("http://"+autourl+"")>")}

run()</script>

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.頁面進入和退出的特效

進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">

推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

這個是頁面被載入和調出時的一些特效。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": 檔案不被檢索，但可查詢頁上的連結。

js實用技巧

繼續閱讀

請求逾時VUE axios重新再次請求

Android – ListView 中添加按鈕，動态删除添加ItemView的操作

nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權

debian9更新4.9.0核心到4.19.2核心過程

Javascript建構Bingo卡片遊戲

JavaScript的那些坑之事件代理事件代理事件階段

javascript的for (var i in data)慎用javascript中的for (var i in data)謹慎用

tab滑鼠經過菜單切換

vue （vue2.0）使用總結(從大體結構總結)

無元件上傳圖檔到資料庫中，最完整解決方案

vue搭建過程及出現問題

/\B(?=(?:\d{3})+$)/g 一條令人費解的正規表達式

适用于JavaScript的ECMAScript 2020規範向前發展

JS生成uuid的四種方法

layui多任務上傳添加進度條