常用的JavaScript語句集(轉(zhuǎn)載)
當(dāng)前位置：點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
常用的JavaScript語句集(一)
--------------- 輸出和后退 <script language="javascript"> alert("錯誤~~ 請輸入帳號!!"); location.href="javascript:history.back()" </script> --------------- 輸出并重定向 <script language="javascript"> alert("添加成功~~！！"); location.href="BookList.asp" </script> ---------------- 內(nèi)嵌一個頁面并設(shè)置為可編輯 <script language="javascript"> document.write ('<iframe src="text.asp" id="message" width="550" height="250"></iframe>') frames.message.document.designMode = "On"; </script> --------------- 檢驗復(fù)選框是否已選并提示 <script language="javascript"> function checkdata() { if (document.form1.viewhtml.checked == true) { alert("對不起，請取消“查看HTML源代碼”后再添加！") document.form1.viewhtml.focus() return false } } </script> ---------------- 用JavaScript 在超連接中打開一個新窗口(可控制大小) <a href=# onClick="javascript:window.open('Buy.asp?id=<% = rs("Id") %>','','width=570,height=160,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');return false;">打開一個窗口</a> 下面列出些常用的javascript，大家可以把這些做成一個類，方便在項目中重復(fù)的調(diào)用。 歡迎大家補充^_^ 1．讓文字不停地滾動 <MARQUEE>滾動文字</MARQUEE> 2．記錄并顯示網(wǎng)頁的最后修改時間 <script language=javascript> document．write("最后更新時間: " + document．lastModified + "") </script> 3．關(guān)閉當(dāng)前窗口 <a href="/"onClick="javascript：window.close();return false;">關(guān)閉窗口</a> 4．5秒后關(guān)閉當(dāng)前頁 <script language="javascript"> <!-- setTimeout('window.close();',5000); --> </script> 5．2秒后載入指定網(wǎng)頁 <head> <meta http-equiv="refresh" content="2;URL=http://你的網(wǎng)址"> </head> 6．添加到收藏夾 <Script Language="javascript"> function bookmarkit() { window.external.addFavorite('http://你的網(wǎng)址','你的網(wǎng)站名稱') } if (document．a(chǎn)ll)document．write('<a href="#" onClick="bookmarkit()">加入收藏夾</a>') </Script> 7．讓超鏈接不顯示下劃線 <style type="text/css"> <!- a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} -> </style> 8．讓網(wǎng)頁隨意后退 <a href="javascript :history.go(-X)">X</a> //把X換成你想要后退在頁數(shù) //把“-”變成“+”就為前進 9．設(shè)置該頁為首頁 <body bgcolor="#FFFFFF" text="#000000"> <!-- 網(wǎng)址：http://你的網(wǎng)址--> <a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的網(wǎng)站名稱);"><font color="000000" size="2" face="宋體">設(shè)為首頁</font></a> </body> 10．節(jié)日倒計時 <Script Language="javascript"> var timedate= new Date("December 25,2003"); var times="圣誕節(jié)"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document．write("現(xiàn)在離"+times+"還有: "+time +"天")</Script> 11．單擊按鈕打印出當(dāng)前頁 <Script Language="javascript"> <!-- Begin if (window.print) { document．write('<form>' + '<input type=button name=print value="打印本頁" ' + 'onClick="javascript：window.print()"></form>'); } // End --> </Script> 12．單擊按鈕‘另存為’當(dāng)前頁 <input type="button" name="Button" value="保存本頁" onClick="document．a(chǎn)ll.button.ExecWB(4,1)"> <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> <embed width="0" height="0"></embed> </object> 13．顯示系統(tǒng)當(dāng)前日期 <script language=javascript> today=new Date(); function date(){ this.length=date.arguments.length for(var i=0;i<this.length;i++) this[i+1]=date.arguments } var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); document．write( "<font color=##000000 style='font-family: 宋體'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d[today.getDay()+1],"</font>" ); </script> 14．不同時間段顯示不同問候語 <Script Language="javascript"> <!-- var text=""; day = new Date( ); time = day.getHours( ); if (( time>=0) && (time < 7 )) text="夜貓子，要注意身體哦！ " if (( time >= 7 ) && (time < 12)) text="今天天氣……哈哈哈，不去玩嗎？" if (( time >= 12) && (time < 14)) text="午休時間哦，朋友一定是不習(xí)慣午睡的吧？！" if (( time >=14) && (time < 18)) text="下午茶的時間到了，休息一下吧！ " if ((time >= 18) && (time <= 22)) text="您又來了，可別和MM聊太久哦！" if ((time >= 22) && (time < 24)) text="很晚了哦，注意休息呀！" document．write(text) //---> </Script> 15．水中倒影效果 <img id="reflect" src="你自己的圖片文件名" width="175" height="59"> <script language="javascript"> function f1() { setInterval("mdiv.filters.wave.phase+=10",100); } if (document．a(chǎn)ll) { document．write('<img id=mdiv src="'+document．a(chǎn)ll.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script> 16．慢慢變大的窗口 <Script Language="javascript"> <!-- var Windowsheight=100 var Windowswidth=100 var numx=5 function openwindow(thelocation){ temploc=thelocation if (!(window.resizeTo&&document．a(chǎn)ll)&&!(window.resizeTo&&document．getElementById)) { window.open(thelocation) return } windowsize=window.open("","","scrollbars") windowsize.moveTo(0,0) windowsize.resizeTo(100,100) tenumxt() } function tenumxt(){ if (Windowsheight>=screen.availHeight-3) numx=0 windowsize.resizeBy(5,numx) Windowsheight+=5 Windowswidth+=5 if (Windowswidth>=screen.width-5) { windowsize.location=temploc Windowsheight=100 Windowswidth=100 numx=5 return } setTimeout("tenumxt()",50) } //--> </script> <p><a href="javascript：openwindow(http://www.xxx.com)">進入</a> 17．改變IE地址欄的IE圖標(biāo) 我們要先做一個16*16的icon（圖標(biāo)文件），保存為index.ico。把這個圖標(biāo)文件上傳到根目錄下并在首頁<head></head>之間加上如下代碼： <link REL = "Shortcut Icon" href="index.ico"> 18．鼠標(biāo)指向時彈出信息框 <body> <a href onmouseover="alert('彈出信息！')">顯示的鏈接文字</a> </body> 19．單擊鼠標(biāo)右鍵彈出添加收藏夾對話框 <body> <script Language=javascript> if (document.all) document.body.onmousedown=new function("if (event.button==2||event.button==3) window.external.addFavorite('您的網(wǎng)址','您的網(wǎng)站名稱)") </script> </body> 20．離開網(wǎng)頁時和加載網(wǎng)站時提示你將本站加入收藏夾 可以很大的加大的網(wǎng)站的訪問量。 一、在網(wǎng)頁的 二、在網(wǎng)頁中的 標(biāo)記中加入下面的代碼： onunload=favorate() 當(dāng)然如果你想在網(wǎng)頁載入時提示只需要把 上面的onunload=favorate()改成onload=favorate() 21．JS制作網(wǎng)頁標(biāo)題欄滾動信息的顯示: 將下面的代碼copy到網(wǎng)頁的<head>和</head>中. <SCRIPT LANGUAGE=JAVASCRIPT> <!-- var msg = "藍色空間"; var speed = 300; var msgud = " " + msg; function titleScroll() { if (msgud.length msgud = msgud.substring(1, msgud.length); document.title = msgud.substring(0, msg.length); window.setTimeout("titleScroll()", speed); } --> </SCRIPT> 在網(wǎng)頁的BODY中加入下面的代碼: <BODY onload="window.setTimeout('titleScroll()', 500)"> 22．JS狀態(tài)欄信息分行顯示: 將下面的代碼copy到網(wǎng)頁的<head>和</head>中. <SCRIPT LANGUAGE=JAVASCRIPT> <!-- function makeArray(n) { this.length = n; } function stopBanner() { if (bannerRunning) clearTimeout(timerID); bannerRunning = false; } function startBanner() { stopBanner(); showBanner(); } function showBanner() { var text = ar[currentMessage]; if (offset < text.length) { if (text.charAt(offset) == " ") offset++; var partialMessage = text.substring(0, offset + 1); window.status = partialMessage; offset++; timerID = setTimeout("showBanner()", speed); bannerRunning = true; } else { offset = 0; currentMessage++; if (currentMessage == arlength) currentMessage = 0; timerID = setTimeout("showBanner()", pause); bannerRunning = true; } } var speed = 100 var pause = 1000 var timerID = null; var bannerRunning = false; var currentMessage = 0; var offset = 0; var arlength = 3; var ar = new makeArray(arlength); ar[0] = "藍色空間"; ar[1] = "歡迎你的光臨"; ar[2] = "有建議請聯(lián)系V-藍動力"; --> </SCRIPT> 在網(wǎng)頁的BODY中加入下面的代碼: <BODY onload=startBanner()> 23. 可以在收藏夾中顯示出你的圖標(biāo) <link rel="Bookmark" href="favicon.ico"> 24. 永遠都會帶著框架 <script language="javascript"><!-- if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網(wǎng)頁 // --></script> 25. 最小化、最大化、關(guān)閉窗口 <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"></object> <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Maximize"></object> <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM NAME="Command" value="Close"></OBJECT> <input type=button value=最小化 onclick=hh1.Click()> <input type=button value=最大化 onclick=hh2.Click()> <input type=button value=關(guān)閉 onclick=hh3.Click()> 本例適用于IE 26. TEXTAREA自適應(yīng)文字行數(shù)的多少 <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> </textarea> 27. 檢測某個網(wǎng)站的鏈接速度： 把如下代碼加入<body>區(qū)域中: <script language=javascript> 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 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="鏈接超時"} 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[i]+"/"+Math.random()+" width=1 height=1 onerror=auto(http://";;+autourl[i]+"')>")} run()</script> 28. 如何改變鏈接的鼠標(biāo)形狀 只需在鏈接上加上這一代碼就行的了 或者跟上面的用CSS寫也行 style="cursor:hand" style="cursor:crosshair" style="cursor:text" style="cursor:wait" style="cursor:move" style="cursor:help" style="cursor:e-resize" style="cursor:n-resize" style="cursor:nw-resize" style="cursor:w-resize" style="cursor:s-resize" style="cursor:se-resize" style="cursor:sw-resize" 以上代碼你只需要加到連接或是頁面的STYLE區(qū)里就可以實現(xiàn)鼠標(biāo)多樣化。 29.COOKIE腳本記錄，有很大的用處。 function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (documents.cookie.length > 0) { offset = documents.cookie.indexOf(search) if (offset != -1) { // if cookie exists offset += search.length // set index of beginning of value end = documents.cookie.indexOf(";", offset); // set index of end of cookie value if (end == -1) end = documents.cookie.length; returnvalue=unescape(documents.cookie.substring(offset, end)) } } return returnvalue; } function loadpopup(){ if (get_cookie('popped')==''){ documents.cookie="popped=yes" } } 說明：以上是JS代碼，請自己加起始符和結(jié)束符 該文章在 2010/8/18 11:54:10 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
