超級實用且不花哨的js代碼大全 (三) -----進階應用(二)

//元件是否安裝

isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))

//檢查網頁是否存在

function CheckURL(URL)

{

var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

xmlhttp.Open("GET",URL, false);

try

{

xmlhttp.Send();

var result = xmlhttp.status;

}

catch(e) {return(false); }

if(result==200)

return true;

xmlhttp = null;

return false;

}

//連接配接資料庫

//用 JavaScript 寫伺服器端連接配接資料庫的代碼示例

var conn = new ActiveXObject("ADODB.Connection");

conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; "

+"Password=; Initial Catalog=pubs");

var rs = new ActiveXObject("ADODB.Recordset");

var sql="select * from authors";

rs.open(sql, conn);

shtml = "<table width='100%' border=1>";

shtml +="<tr bgcolor='#f4f4f4'><td>au_id</td><td>au_lname</td><td>au_fname</td><td>phone</td><td>address</td><td> city</td><td>state</td><td>zip</td></tr>";

while(!rs.EOF)

{

shtml += "<tr><td>" + rs("au_id") + "</td><td>" + rs("au_lname") + "</td><td>" + rs("au_fname") + "</td><td>" + rs("phone") + "</td><td>" + rs("address") + "</td><td>" + rs("city") + "</td><td>" + rs("state") + "</td><td>" + rs("zip") + "</td></tr>";

rs.moveNext;

shtml += "</table>";

document.write(shtml);

rs.close();

rs = null;

conn.close();

conn = null;

</script>

//使用資料島

<html>

<body>

srno：<input type=text datasrc=#xmldate DataFLD=srno size="76"><BR>

times：<input type=text datasrc=#xmldate DataFLD=times size="76"><BR>

<input id="next" TYPE=button value="下一條記錄>" onclick="xmldate.recordset.moveNext()">

<input id="last" TYPE=button value="最後一條記錄>>" onclick="xmldate.recordset.moveLast()">

</infolist>

</XML>

</body>

</html>

//獲得參數

<a href="javascript:location.href=location.href + '?a=1&b=2'">search</a>

<!--

var a = location.search.substr(1);

if(a.length>0)

var re = /([^&]*?)\=([^&]*)/g

var s = a.match(re);

for(var i= 0;i<s.length;i++)

alert(s);

alert(s.split("=")[1]);

//-->

//可編輯SELECT

</select>

</span>

//設定光标位置

function getCaret(textbox)

var control = document.activeElement;

textbox.focus();

var rang = document.selection.createRange();

rang.setEndPoint("StartToStart",textbox.createTextRange())

control.focus();

return rang.text.length;

function setCaret(textbox,pos)

try

var r =textbox.createTextRange();

r.moveStart('character',pos);

r.collapse(true);

r.select();

catch(e)

{}

function selectLength(textbox,start,len)

r.moveEnd('character',len-(textbox.value.length-start));

r.moveStart('character',start);

r.select();

{//alert(e.description)}

function insertAtCaret(textbox,text)

document.selection.createRange().text = text;

//頁内查找

function findInPage(str)

var txt, i, found,n = 0;

if (str == "")

txt = document.body.createTextRange();

for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)

txt.moveStart("character", 1);

txt.moveEnd("textedit");

if (found)

txt.moveStart("character", -1);

txt.findText(str);

txt.select();

txt.scrollIntoView();

n++;

else

if (n > 0)

n = 0;

findInPage(str);

else

alert(str + "... 您要找的文字不存在。\n \n請試着輸入頁面中的關鍵字再次查找！");

return false;

//操作EXECL

function jStartExcel() {

var xls = new ActiveXObject ( "Excel.Application" );

xls.visible = true;

var newBook = xls.Workbooks.Add;

newBook.Worksheets.Add;

newBook.Worksheets(1).Activate;

xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2;

xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5;

newBook.Worksheets(1).Columns("A").columnwidth=50;

newBook.Worksheets(1).Columns("A").WrapText = true;

newBook.Worksheets(1).Columns("B").columnwidth=50;

newBook.Worksheets(1).Columns("B").WrapText = true;

newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0";

newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131;

newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15";

newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell";

newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell";

newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell";

newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell";

newBook.Worksheets(1).Name="My First WorkSheet";

//自定義提示條

//***********預設設定定義.*********************

tPopWait=50;//停留tWait豪秒後顯示提示。

tPopShow=5000;//顯示tShow豪秒後關閉提示

showPopStep=20;

popOpacity=99;

//***************内部變量定義*****************

sPop=null;

curShow=null;

tFadeOut=null;

tFadeIn=null;

tFadeWaiting=null;

document.write("<style type='text/css'id='defaultPopStyle'>");

document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");

document.write("</style>");

document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");

function showPopupText(){

var o=event.srcElement;

MouseX=event.x;

MouseY=event.y;

if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};

if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};

if(o.dypop!=sPop) {

sPop=o.dypop;

clearTimeout(curShow);

clearTimeout(tFadeOut);

clearTimeout(tFadeIn);

clearTimeout(tFadeWaiting);

if(sPop==null || sPop=="") {

dypopLayer.innerHTML="";

dypopLayer.style.filter="Alpha()";

dypopLayer.filters.Alpha.opacity=0;

else {

if(o.dyclass!=null) popStyle=o.dyclass

else popStyle="cPopText";

curShow=setTimeout("showIt()",tPopWait);

function showIt(){

dypopLayer.className=popStyle;

dypopLayer.innerHTML=sPop;

popWidth=dypopLayer.clientWidth;

popHeight=dypopLayer.clientHeight;

if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24

else popLeftAdjust=0;

if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24

else popTopAdjust=0;

dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;

dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;

dypopLayer.style.filter="Alpha(Opacity=0)";

fadeOut();

function fadeOut(){

if(dypopLayer.filters.Alpha.opacity<popOpacity) {

dypopLayer.filters.Alpha.opacity+=showPopStep;

tFadeOut=setTimeout("fadeOut()",1);

dypopLayer.filters.Alpha.opacity=popOpacity;

tFadeWaiting=setTimeout("fadeIn()",tPopShow);

function fadeIn(){

if(dypopLayer.filters.Alpha.opacity>0) {

dypopLayer.filters.Alpha.opacity-=1;

tFadeIn=setTimeout("fadeIn()",1);

document.onmouseover=showPopupText;

//插入文字

document.onclick =function(){

var oSource = window.event.srcElement;

if(oSource.tagName!="DIV")

return false;

var sel = document.selection;

if (sel!=null) {

var rng = sel.createRange();

if (rng!=null)

rng.pasteHTML("<font color=red>插入文字</font>");

}

//netscapte下操作xml

doc = new ActiveXObject("Msxml2.DOMDocument");

doc = new ActiveXObject("Microsoft.XMLDOM")

->>

doc = (new DOMParser()).parseFromString(sXML,'text/xml')

//禁止FSO

1.登出元件

regsvr32 /u scrrun.dll

2.修改PROGID

HKEY_CLASSES_ROOT\Scripting.FileSystemObject

Scripting.FileSystemObject

3.對于使用object的使用者，修改HKEY_CLASSES_ROOT\Scripting.

//省略号

<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;

overflow: hidden; text-overflow:ellipsis">

<NOBR>就是比如有一行文字，很長，表格内一行顯示不下.</NOBR>

</DIV>

//判斷鍵值

<head>

var ie =navigator.appName=="Microsoft Internet Explorer"?true:false;

function keyDown(e)

if(!ie)

var nkey=e.which;

var iekey='現在是ns浏覽器';

var realkey=String.fromCharCode(e.which);

if(ie)

var iekey=event.keyCode;

var nkey='現在是ie浏覽器';

var realkey=String.fromCharCode(event.keyCode);

if(event.keyCode==32){realkey='\' 空格\''}

if(event.keyCode==13){realkey='\' 回車\''}

if(event.keyCode==27){realkey='\' Esc\''}

if(event.keyCode==16){realkey='\' Shift\''}

if(event.keyCode==17){realkey='\' Ctrl\''}

if(event.keyCode==18){realkey='\' Alt\''}

alert('ns浏覽器中鍵值:'+nkey+'\n'+'ie浏覽器中鍵值:'+iekey+'\n'+'實際鍵為'+realkey);

document.onkeydown = keyDown;

</head>

//Javascript Document.

<hr>

<h3>請按任意一個鍵。。。。</h3>

</center>

//檢測media play版本

<IE:clientCaps ID="oClientCaps" style="{behavior:url(#default#clientcaps)}" />

var flash="";

WMPVersion= oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID");

if (WMPVersion != "") {

flash = "";

var version = WMPVersion.split(",");

var i;

for (i = 0; i < version.length; i++) {

if (i != 0)

flash += ".";

flash += version;

}

document.write("您的Windows Media Player 版本是:"+flash+"<p>");

</SCRIPT>

//圖象按比例

//圖檔按比例縮放

var flag=false;

function DrawImage(ImgD){

var image=new Image();

var iwidth = 80; //定義允許圖檔寬度

var iheight = 80; //定義允許圖檔高度

image.src=ImgD.src;

if(image.width>0 && image.height>0){

flag=true;

if(image.width/image.height>= iwidth/iheight){

if(image.width>iwidth){

ImgD.width=iwidth;

ImgD.height=(image.height*iwidth)/image.width;

}else{

ImgD.width=image.width;

ImgD.height=image.height;

ImgD.alt=image.width+"×"+image.height;

else{

if(image.height>iheight){

ImgD.height=iheight;

ImgD.width=(image.width*iheight)/image.height;

//細線SELECT

</select></span>

//Import

function Import() {

for( var i=0; i<arguments.length; i++ ) {

var file = arguments;

if ( file.match(/\.js$/i))

document.write('<script type=\"text/javascript\" src=\"' + file + '\"></sc' + 'ript>');

document.write('<style type=\"text/css\">@import \"' + file + '\" ;</style>');

};

//js枚舉

function getComputerName()

var objWMIService = GetObject("Winmgmts:root\cimv2");

for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())

var getComputer = e.item();

return getComputer.Name;

//條件編譯

/*@cc_on @*/

/*@if (@_win32 && @_jscript_version>5)

function window.confirm(str)

execScript("n = msgbox('"+ str +"', 257)", "vbscript");

return(n == 1);

@end @*/

//取得innerText

var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");

var currNode;

xmlDoc.async = false;

xmlDoc.loadXML("<TABLENAME> 你好你阿三大法司法等四 </TABLENAME>");

currNode = xmlDoc.documentElement;

var s = currNode.xml;

var r = /\<([^\>\s]*?)[^\>]*?\>([^\<]*?)\<\/\1\>/

var b = s.replace(r,"$2");

alert(b);

//mergeAttributes 複制所有讀/寫标簽屬性到指定元素。

function fnMerge(){

oSource.children[1].mergeAttributes(oSource.children[0]);

<DIV

ID="oDiv"

ATTRIBUTE1="true"

ATTRIBUTE2="true"

onclick="alert('click');"

onmouseover="this.style.color='#0000FF';"

onmouseout="this.style.color='#000000';"

This is a sample <B>DIV</B> element.

This is another sample <B>DIV</B> element.

</SPAN>

<INPUT

TYPE="button"

VALUE="Merge Attributes"

onclick="fnMerge()"

本文轉自快樂就好部落格園部落格，原文連結：http://www.cnblogs.com/happyday56/archive/2007/12/10/988994.html，如需轉載請自行聯系原作者

超級實用且不花哨的js代碼大全 (三) -----進階應用(二)

繼續閱讀

主流浏覽器四大綜合性能測試

JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明三、函數的調用

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

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多任務上傳添加進度條