javascript高級編程運用

時間 2019-11-05

原文原文鏈接

一//各類尺寸（size)javascript

s += "\r\n網頁可見區域寬："+ document.body.clientWidth;
s += "\r\n網頁可見區域高："+ document.body.clientHeight;
s += "\r\n網頁可見區域高："+ document.body.offsetWeight +" (包括邊線的寬)";
s += "\r\n網頁可見區域高："+ document.body.offsetHeight +" (包括邊線的寬)";
s += "\r\n網頁正文全文寬："+ document.body.scrollWidth;
s += "\r\n網頁正文全文高："+ document.body.scrollHeight;
s += "\r\n網頁被捲去的高："+ document.body.scrollTop;
s += "\r\n網頁被捲去的左："+ document.body.scrollLeft;
s += "\r\n網頁正文部分上："+ window.screenTop;
s += "\r\n網頁正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的寬："+ window.screen.width;
s += "\r\n屏幕可用工做區高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工做區寬度："+ window.screen.availWidth; //過濾數字html

<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false"> java

//特殊用途正則表達式

<input type=button value=導入收藏夾 onclick="window.external.ImportExportFavorites(true,'http://localhost');"> <input type=button value=導出收藏夾 onclick="window.external.ImportExportFavorites(false,'http://localhost');"> <input type=button value=整理收藏夾 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)"> <input type=button value=語言設置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)"> <input type=button value=加入收藏夾 onclick="window.external.AddFavorite('http://www.google.com/', 'google')"> <input type=button value=加入到頻道 onclick="window.external.addChannel('http://www.google.com/')"> <input type=button value=加入到頻道 onclick="window.external.showBrowserUI('PrivacySettings',null)"> 瀏覽器

//不緩存緩存

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0"> cookie

//正則匹配app

匹配中文字符的正則表達式： [\u4e00-\u9fa5] 匹配雙字節字符(包括漢字在內)：[^\x00-\xff] 匹配空行的正則表達式：\n[\s| ]\r 匹配HTML標記的正則表達式：/<(.)>.</\1>|<(.) />/
匹配首尾空格的正則表達式：(^\s*)|(\s*$)（像vbscript那樣的trim函數）匹配Email地址的正則表達式：\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)* 匹配網址URL的正則表達式：http://([\w-]+.)+[\w-]+(/[\w- ./?%&=]*)? 如下是例子：利用正則表達式限制網頁表單裏的文本框輸入內容：用正則表達式限制只能輸入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 1.用正則表達式限制只能輸入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 2.用正則表達式限制只能輸入數字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 3.用正則表達式限制只能輸入數字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"less

//消除圖像工具欄dom

//無提示關閉

//取得控件得絕對位置(1)

//得到控件的絕對位置(2)

oRect = obj.getBoundingClientRect(); oRect.left oRect.

//最小化,最大化,關閉

//光標停在文字最後

//頁面進入和退出的特效

進入頁面<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

//網頁是否被檢索 <meta name="ROBOTS" content="屬性值"> 　　其中屬性值有如下一些: 　　屬性值爲"all": 文件將被檢索，且頁上連接可被查詢；　　屬性值爲"none": 文件不被檢索，並且不查詢頁上的連接；　　屬性值爲"index": 文件將被檢索；　　屬性值爲"follow": 查詢頁上的連接；　　屬性值爲"noindex": 文件不檢索，但可被查詢連接；　　屬性值爲"nofollow":

//打印分頁 <p style="page-break-after:always">page1</p>

//設置打印

</object>

<input type=button value="打印本頁" onclick="factory.printing.Print(false)"> <input type=button value="頁面設置" onclick="factory.printing.PageSetup()"> <input type=button value="打印預覽" onclick="factory.printing.Preview()"><br> <a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具體使用手冊，更多信息，點這裏</a>

//自帶的打印預覽 WebBrowser.ExecWB(1,1) 打開
Web.ExecWB(2,1) 關閉如今全部的IE窗口，並打開一個新窗口
Web.ExecWB(4,1) 保存網頁
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印預覽
Web.ExecWB(8,1) 打印頁面設置
Web.ExecWB(10,1) 查看頁面屬性
Web.ExecWB(15,1) 好像是撤銷，有待確認
Web.ExecWB(17,1) 全選
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 關閉窗體無提示

//去掉打印時的頁眉頁腳

//瀏覽器驗證

function checkBrowser() {
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this; }

//計算內容寬和高

<SCRIPT language="javascript"> function test(obj) { var range = obj.createTextRange(); alert("內容區寬度: " + range.boundingWidth + "px\r\n內容區高度: " + range.boundingHeight + "px"); } </SCRIPT>

//無模式的提示框 function modelessAlert(Msg) { window.showModelessDialog("javascript:alert(""+escape(Msg)+"");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"); }

//屏蔽按鍵

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript> <title>屏蔽鼠標右鍵、Ctrl+N、Shift+F十、Alt+F四、F十一、F5刷新、退格鍵</title> </head> <body> <script language="Javascript"><!-- //屏蔽鼠標右鍵、Ctrl+N、Shift+F十、F十一、F5刷新、退格鍵 //Author: meizz(梅花雨) 2002-6-18 function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠標右鍵 function window.onhelp(){return false} //屏蔽F1幫助 function document.onkeydown() { if ((window.event.altKey)&& ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向鍵 ← (window.event.keyCode==39))) //屏蔽 Alt+ 方向鍵 → { alert("不許你使用ALT+方向鍵前進或後退網頁！"); event.returnValue=false; } /* 注：這還不是真正地屏蔽 Alt+ 方向鍵，由於 Alt+ 方向鍵彈出警告框時，按住 Alt 鍵不放，用鼠標點掉警告框，這種屏蔽方法就失效了。之後若有哪位高手有真正屏蔽 Alt 鍵的方法，請告知。*/ if ((event.keyCode==8) || //屏蔽退格刪除鍵 (event.keyCode==116)|| //屏蔽 F5 刷新鍵 (event.ctrlKey && event.keyCode==82)){ //Ctrl + R event.keyCode=0; event.returnValue=false; } if (event.keyCode==122){event.keyCode=0;event.returnValue=false;} //屏蔽F11 if (event.ctrlKey && event.keyCode==78) event.returnValue=false; //屏蔽 Ctrl+n if (event.shiftKey && event.keyCode==121)event.returnValue=false; //屏蔽 shift+F10 if (window.event.srcElement.tagName == "A" && window.event.shiftKey) window.event.returnValue = false; //屏蔽 shift 加鼠標左鍵新開一網頁 if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4 { window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px"); return false; } } </script> 屏蔽鼠標右鍵、Ctrl+N、Shift+F十、Alt+F四、F十一、F5刷新、退格鍵 </body> </html>

//屏蔽打印

//移動的圖層，拖動

1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>

<div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();"> <a href="#" onclick="return false"><h1>wlecome</h1></a> </div> <script language="JavaScript" type="text/javascript"> var orgMouseX; var orgMouseY; var orgObjX; var orgObjY; function doDrag() { var myObject=document.all.myDiv;

var x=event.clientX; var y=event.clientY; myObject.style.left=x-(orgMouseX-orgObjX); myObject.style.top=y-(orgMouseY-orgObjY);

} function doMouseDown() { orgMouseX=event.clientX; orgMouseY=event.clientY; orgObjX=parseInt(document.all.myDiv.style.left); orgObjY=parseInt(document.all.myDiv.style.top); }

</script>

//文檔狀態改變

//刷新後不變的文本框 <HTML>

<HEAD> <META NAME="save" CONTENT="history"> <STYLE> .sHistory {behavior:url(#default#savehistory);} </STYLE> </HEAD> <BODY> <INPUT class=sHistory type=text id=oPersistInput> </BODY> </HTML>

//訪問剪貼板

event.dataTransfer.setData("URL", oImage.src); sImageURL = event.dataTransfer.getData("URL") (2)普通訪問 window.clipboardData.setData("Text",oSource.innerText); window.clipboardData.getData("Text");

//操做COOKIE

function SetCookie(sName, sValue) { document.cookie = sName + "=" + escape(sValue) + "; "; } function GetCookie(sName) { var aCookie = document.cookie.split("; "); for (var i=0; i < aCookie.length; i++) {

var aCrumb = aCookie.split("="); if (sName == aCrumb[0])
return unescape(aCrumb[1]); }

} function DelCookie(sName) { document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;"; }

//setTimeout增長參數

//自定義的apply,call

Function.prototype.apply = function (obj, argu) { if (obj) obj.constructor.prototype._caller = this;
var argus = new Array(); for (var i=0;i<argu.length;i++) argus = "argu[" + i + "]"; var r; eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");"))); return r; }; Function.prototype.call = function (obj) { var argu = new Array(); for (var i=1;i<arguments.length;i++) argu[i-1] = arguments; return this.apply(obj, argu); };

//下載文件

function DownURL(strRemoteURL,strLocalURL) { try { var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP"); xmlHTTP.open("Get",strRemoteURL,false); xmlHTTP.send(); var adodbStream=new ActiveXObject("ADODB.Stream"); adodbStream.Type=1;//1=adTypeBinary adodbStream.Open(); adodbStream.write(xmlHTTP.responseBody); adodbStream.SaveToFile(strLocalURL,2); adodbStream.Close(); adodbStream=null; xmlHTTP=null;

} catch(e) { window.confirm("下載URL出錯!"); } //window.confirm("下載完成."); }

//檢驗鏈接是否有效

//POST代替FORM

<SCRIPT language="VBScript"> Function URLEncoding(vstrIn) strReturn = "" For i = 1 To Len(vstrIn) ThisChr = Mid(vStrIn,i,1) If Abs(Asc(ThisChr)) < &HFF Then strReturn = strReturn & ThisChr Else innerCode = Asc(ThisChr) If innerCode < 0 Then innerCode = innerCode + &H10000 End If Hight8 = (innerCode And &HFF00)\ &HFF Low8 = innerCode And &HFF strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8) End If Next URLEncoding = strReturn End Function Function bytes2BSTR(vIn) strReturn = "" For i = 1 To LenB(vIn) ThisCharCode = AscB(MidB(vIn,i,1)) If ThisCharCode < &H80 Then strReturn = strReturn & Chr(ThisCharCode) Else NextCharCode = AscB(MidB(vIn,i+1,1)) strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode)) i = i + 1 End If Next bytes2BSTR = strReturn End Function dim strA,oReq strA = URLEncoding("submit1=Submit&text1=中文") set oReq = CreateObject("MSXML2.XMLHTTP") oReq.open "POST","http://ServerName/VDir/TstResult.asp",false oReq.setRequestHeader "Content-Length",Len(strA) oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" oReq.send strA msgbox bytes2BSTR(oReq.responseBody) </SCRIPT>

//readyState是xmlhttp返回數據的進度，0=載入中,1=未初始化,2=已載入,3=運行中,4=完成 end

，