精品国产一区二区三区在线,久久国产精品一国产精品金尊,91福利精品老师国产自产在线

觸屏版
全國(guó)服務(wù)熱線：0571-87205688

價(jià)格查詢批量查詢一鍵轉(zhuǎn)入

查詢

或者

立即發(fā)布需求

昵稱：月光邊境

接單：599 關(guān)注TA

達(dá)標(biāo)率 0%

博文分類

簡(jiǎn)單常用的精品JS(Javascript)代碼大全

作者：月光邊境 瀏覽：218次發(fā)布時(shí)間：2018-05-12

評(píng)論

贊0

精品JS代碼收藏大全

　　Javascript是適應(yīng)動(dòng)態(tài)網(wǎng)頁(yè)制作的需要而誕生的一種新的編程語(yǔ)言，是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言，常用來(lái)給我們的HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。如今越來(lái)越廣泛地使用于Internet網(wǎng)頁(yè)制作上。JavaScript的一個(gè)重要功能就是面向?qū)ο蟮墓δ埽ㄟ^(guò)基于對(duì)象的程序設(shè)計(jì)，可以用更直觀、模塊化和可重復(fù)使用的方式進(jìn)行程序開(kāi)發(fā)。

　　下面就整理了比較常用的JS代碼供大家使用和收藏：

　　1. oncontextmenu="window.event.returnvalue=false" 將徹底屏蔽鼠標(biāo)右鍵

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

　　2. <body onselectstart="return false"> 取消選取、防止復(fù)制

　　3. onpaste="return false" 不準(zhǔn)粘貼

　　4. oncopy="return false;" oncut="return false;" 防止復(fù)制

　　5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)

　　6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)

　　7. <input style="ime-mode:-Disabled"> 關(guān)閉輸入法

　　8. 永遠(yuǎn)都會(huì)帶著框架

<script language="javascript"><!--

　　if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁(yè)

　　// --></script>

　　9. 防止被人frame

<SCRIPT LANGUAGE=javascript><!--

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

　　// --></SCRIPT>

　　10. 網(wǎng)頁(yè)將不能被另存為

　　11. <input type=button value=查看網(wǎng)頁(yè)源代碼

　　onclick="window.location = `view-source:`+ http://www.aa25.cn/`";>

　　12.刪除時(shí)確認(rèn)

　　<a href=`javascript:if(confirm("確實(shí)要?jiǎng)h除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪

　　除</a>

　　13. 取得控件的絕對(duì)位置

　　//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

<script language="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. 光標(biāo)是停在文本框文字的最后

　　function cc()

　　{

　　var e = event.srcElement;

　　var r =e.createTextRange();

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

　　r.collapse(true);

　　r.select();

　　}

　　</script>

　　15. 判斷上一頁(yè)的來(lái)源

　　javascript:

　　document.referrer

　　16. 最小化、最大化、關(guān)閉窗口

　　本例適用于IE

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

　　function look(){

　　if(event.shiftKey)

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

　　}

　　document.onkeydown=look;

　　</script>

　　18. 網(wǎng)頁(yè)不會(huì)被緩存

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

　　19.怎樣讓表單沒(méi)有凹凸感？

　　或

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

　　1 solid #000000"></textarea>

　　20.<div><span>&<layer>的區(qū)別？

　　<div>(division)用來(lái)定義大段的頁(yè)面元素，會(huì)產(chǎn)生轉(zhuǎn)行

　　<span>用來(lái)定義同一行內(nèi)的元素，跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行

　　<layer>是ns的標(biāo)記，ie不支持，相當(dāng)于<div>

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

　　22.不要滾動(dòng)條?

　　讓豎條沒(méi)有:

　　</body>

　　讓橫條沒(méi)有:

　　</body>

　　兩個(gè)都去掉？更簡(jiǎn)單了

　　</body>

　　23.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周?chē)奶摼€？

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

　　</form>

　　25.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫(xiě)？

　　window.opener.location.reload()

　　26.如何設(shè)定打開(kāi)頁(yè)面的大小

　　打開(kāi)頁(yè)面的位置<body onload="top.moveBy(300,200);">

　　27.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

　　<style>

　　body

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

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

　　</style>

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

<script language="javascript"><!--

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

　　alert(checkNum("1232142141"

　　alert(checkNum("123214214a1"

　　// --></script>

　　29. 獲得一個(gè)窗口的大小

　　document.body.clientWidth; document.body.clientHeight

　　30. 怎么判斷是否是字符

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

　　else alert("全是字符";

　　31.TEXTAREA自適應(yīng)文字行數(shù)的多少

　　</textarea>

　　32. 日期減去天數(shù)等于第二個(gè)日期

　　function cc(dd,dadd)

　　{

　　//可以加上錯(cuò)誤處理

　　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. 選擇了哪一個(gè)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.腳本永不出錯(cuò)

<!-- Hide

　　function killErrors() {

　　return true;

　　}

　　window.onerror = killErrors;

　　// -->

　　</SCRIPT>

　　35.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框

　　36. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：

　　把如下代碼加入<body>區(qū)域中:

　　tim=1

　　setInterval("tim++",100)

　　b=1

　　var autourl=new Array()

　　autourl[1]="http://www.aa25.cn/";

　　autourl[2]=www.aa24.cn/";

　　autourl[3]="www.aa24.com.cn/";

　　autourl[4]="http://www.9tour.cn/";

　　autourl[5]="http://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=測(cè)試中……> =》<input type=text

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

　　onclick=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="鏈接超時(shí)"}

　　else

　　{document.forms[0]["txt"+b].value="時(shí)間"+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

　　onerror=auto(http://";+autourl+"`)>"}

　　run()</script>

　　37. 各種樣式的光標(biāo)

　　auto ：標(biāo)準(zhǔn)光標(biāo)

　　default ：標(biāo)準(zhǔn)箭頭

　　hand ：手形光標(biāo)

　　wait ：等待光標(biāo)

　　text ：I形光標(biāo)

　　vertical-text ：水平I形光標(biāo)

　　no-drop ：不可拖動(dòng)光標(biāo)

　　not-allowed ：無(wú)效光標(biāo)

　　help ：?幫助光標(biāo)

　　all-scroll ：三角方向標(biāo)

　　move ：移動(dòng)標(biāo)

　　crosshair ：十字標(biāo)

　　e-resize

　　n-resize

　　nw-resize

　　w-resize

　　s-resize

　　se-resize

　　sw-resize

　　38.頁(yè)面進(jìn)入和退出的特效

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

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

　　這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。Duration表示特效的持續(xù)時(shí)間，以秒為單位。Transition表示使

　　用哪種特效，取值為1-23:

　　0 矩形縮小

　　1 矩形擴(kuò)大

　　2 圓形縮小

　　3 圓形擴(kuò)大

　　4 下到上刷新

　　5 上到下刷新

　　6 左到右刷新

　　7 右到左刷新

　　8 豎百葉窗

　　9 橫百葉窗

　　10 錯(cuò)位橫百葉窗

　　11 錯(cuò)位豎百葉窗

　　12 點(diǎn)擴(kuò)散

　　13 左右到中間刷新

　　14 中間到左右刷新

　　15 中間到上下

　　16 上下到中間

　　17 右下到左上

　　18 右上到左下

　　19 左上到右下

　　20 左下到右上

　　21 橫條

　　22 豎條

　　23 以上22種隨機(jī)選擇一種

　　39.在規(guī)定時(shí)間內(nèi)跳轉(zhuǎn)

　　40.網(wǎng)頁(yè)是否被檢索

　　其中屬性值有以下一些:

　　屬性值為"all": 文件將被檢索，且頁(yè)上鏈接可被查詢；

　　屬性值為"none": 文件不被檢索，而且不查詢頁(yè)上的鏈接；

　　屬性值為"index": 文件將被檢索；

　　屬性值為"follow": 查詢頁(yè)上的鏈接；

　　屬性值為"noindex": 文件不檢索，但可被查詢鏈接；

　　屬性值為"nofollow": 文件不被檢索，但可查詢頁(yè)上的鏈接。

　　41.變換網(wǎng)頁(yè)的鼠標(biāo)光標(biāo)

　　42.怎樣實(shí)現(xiàn)在任務(wù)欄顯示小圖標(biāo)的效果？ (要使用絕對(duì)地址)

　　有些站點(diǎn)，訪問(wèn)時(shí)會(huì)在地址欄地址前顯出小圖標(biāo)，添加到收藏夾后也在收藏欄中顯示圖標(biāo)，

　　這樣很好的與其它站點(diǎn)有了區(qū)別。

　　要達(dá)到這個(gè)效果，先需做出這個(gè)圖標(biāo)文件，圖像為16*16像素，不要超過(guò)16色。文件格式為ico，然后上傳至你的網(wǎng)站。

　　然后，在需要的頁(yè)面中，加上以下html語(yǔ)句到文件的<head>和</head>之間（假設(shè)以上ico文件的地址http://happyisland.126.com/icon.ico）。

　　如果訪問(wèn)者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標(biāo)文件上傳到網(wǎng)站的根目錄下即可。

　　1,META標(biāo)簽里的代碼是什么意思？

　　<META>是放于<HEAD>與</HEAD>之間的標(biāo)記.以下是我總結(jié)它在網(wǎng)頁(yè)中最常見(jiàn)的幾種。

　　該網(wǎng)頁(yè)的關(guān)鍵字，作用于搜索引擎的登錄，事實(shí)上它在現(xiàn)在的網(wǎng)站中并沒(méi)什么用。

　　設(shè)定這是 HTML 文件及其編碼語(yǔ)系，簡(jiǎn)體中文網(wǎng)頁(yè)使用charset=gb2312，繁體中文使用charset=big5，或者不設(shè)編碼也可，純英文網(wǎng)頁(yè)建議使用 iso-8859-1。

　　這只表示該網(wǎng)頁(yè)由什么編輯器寫(xiě)的。

　　這行較為實(shí)用，能于預(yù)定秒數(shù)內(nèi)自動(dòng)轉(zhuǎn)到指定網(wǎng)址。原代碼中 10 表示 10秒。

　　2，怎么改變滾動(dòng)條的顏色，只有ie5.5版本以上才能支持。

　　這是使用CSS語(yǔ)言，在次說(shuō)明一下，它和我的瀏覽器版本有一定的關(guān)系。

　　scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。

　　scrollbar-base-color：滾動(dòng)條的基本顏色。

　　scrollbar-dark-shadow-color：立體滾動(dòng)條強(qiáng)陰影的顏色

　　scrollbar-face-color：立體滾動(dòng)條凸出部分的顏色

　　scrollbar-highlight-color：滾動(dòng)條空白部分的顏色

　　scrollbar-shadow-color立體滾動(dòng)條陰影的顏色。

　　scrollbar-track-color:#99CC33;

　　scrollbar-3dlight-color:#A8CBF1;

　　代碼如下：

　　<style>

<!--

　　BODY {

　　scrollbar-face-color:#99CC33;//(立體滾動(dòng)條凸出部分的顏色)

　　scrollbar-highlight-color:#A8CBF1;//(滾動(dòng)條空白部分的顏色)

　　scrollbar-shadow-color:#A8CBF1;//(立體滾動(dòng)條陰影的顏色)

　　scrollbar-arrow-color:#FF9966;//(上下按鈕上三角箭頭的顏色)

　　scrollbar-base-color:#A8CBF1; //(滾動(dòng)條的基本顏色)

　　scrollbar-darkshadow-color:#A8CBF1; //(立體滾動(dòng)條強(qiáng)陰影的顏色)

　　scrollbar-track-color:#99CC33;

　　scrollbar-3dlight-color:#A8CBF1;

　　}

　　-->

　　</style>

　　在這我補(bǔ)充幾點(diǎn)：

　　1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條。

　　2，沒(méi)有水平滾動(dòng)條

　　3，沒(méi)有垂直滾動(dòng)條

　　3,如何給圖片抖動(dòng)怎做的.

<!--

　　var rector=2

　　var stopit=0

　　var a=1

　　var count=0

　　function init(which){

　　stopit=0

　　shake=which

　　shake.style.left=0

　　shake.style.top=0

　　}

　　function rattleimage(){

　　if ((!document.all&&!document.getElementById)||stopit==1||count==100)

　　return

　　count++

　　if (a==1){

　　shake.style.top=parseInt(shake.style.top)+rector

　　}

　　else if (a==2){

　　shake.style.left=parseInt(shake.style.left)+rector

　　}

　　else if (a==3){

　　shake.style.top=parseInt(shake.style.top)-rector

　　}

　　else{

　　shake.style.left=parseInt(shake.style.left)-rector

　　}

　　if (a<4)

　　a++

　　else

　　a=1

　　setTimeout("rattleimage()",50)

　　}

　　function stoprattle(which){

　　stopit=1

　　count=0

　　which.style.left=0

　　which.style.top=0

　　}

　　//-->

　　</SCRIPT>

　　<style>.shakeimage {POSITION: relative}

　　</style>

　　總結(jié)：以上都是我們比較常見(jiàn)或是經(jīng)常使用的最簡(jiǎn)單的JS代碼，希望大家按需選擇！

上一篇：DedeCMS5.7標(biāo)簽調(diào)用大全 下一篇：用CSS就能完美解決文字溢出的處理辦法

評(píng)論(0人參與，0條評(píng)論)

發(fā)布評(píng)論

博文分類

簡(jiǎn)單常用的精品JS(Javascript)代碼大全

猜你喜歡

評(píng)論(0人參與，0條評(píng)論)

最新評(píng)論