小狗收藏贴－网页知识集成-笑话网,笑话,两性论坛,两性健康,两性生活,两性知识,两性故事,两性话题,两性文学,两性世界,两性笑话,幽默性文学小说

小狗收藏贴－网页知识集成

来源：作者： [字体：大中小]

http://www.blueidea.com/bbs/newsdetail.asp?id=454714

发表人	主题: 小狗收藏贴
色眯眯的小疯狗 \| AHO \| 积分：8620 发贴：2303 来自：上海注册：2001-09-23	返回页首 \| 楼层：1 发表于 2002-04-23 21:03:27 资料邮件 QQ 收藏悄悄话搜索引用举报不良信息一、将HTML自动转为JS代码 [原创] <script> function toScript(val) { var value = val.value value = value.replace(/\\/gi,"\\\\").replace(/"/gi,"\\\"").replace(/'/gi,"\\\'") valArr = value.split("\r\n") value="" for (i=0; i<valArr.length; i++) { value += (i==0) ? "info =" : "" value += " \"" + valArr[i] value += (i!=valArr.length-1) ? "\" +\"\\n\"+\n" : "\"\n" } value+="\ndocument.write(info)" val.value = value } </script> <input type=button value="将 HTML 转为 JavaScript" onclick=toScript(document.all["code"])><br> <textarea id=code cols=75 rows=20> <table width="300"> <tr><td align="right">A</td></tr> </table></textarea> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 二、TAB键的缩排处理 [原创] <script> function editTab() { var code, sel, tmp, r var tabs="" event.returnValue = false sel =event.srcElement.document.selection.createRange() r = event.srcElement.createTextRange() switch (event.keyCode) { case (8) : if (!(sel.getClientRects().length > 1)) { event.returnValue = true return } code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint("startToStart", tmp) sel.text = sel.text.replace(/^\t/gm, "") code = code.replace(/^\t/gm, "").replace(/\r\n/g, "\r") r.findText(code) r.select() break case (9) : if (sel.getClientRects().length > 1) { code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint("startToStart", tmp) sel.text = "\t"+sel.text.replace(/\r\n/g, "\r\t") code = code.replace(/\r\n/g, "\r\t") r.findText(code) r.select() } else { sel.text = "\t" sel.select() } break case (13) : tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) tmp.setEndPoint("endToEnd", sel) for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++) tabs += "\t" sel.text = "\r\n"+tabs sel.select() break default : event.returnValue = true break } } </script> <textarea cols=75 rows=20 onkeydown="editTab()"> <script> alert("ok") </script></textarea> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 三、DOUMENT DOM TREE <html> <head> <title>DOM Viewer</title> <head> <style type="text/css"> * { font-family: arial, verdana, sans-serif } a.object { color: #0000ff; text-decoration: underline; cursor: pointer; } body { background-color: #efefe9; } h1 { font-size: 16pt; margin-bottom:2px; } h2 { font-size: 14pt; margin-bottom:2px; } h3 { font-size: 12pt; font-weight: 500; text-indent: 12px; margin-bottom:2px; } li { white-space: nowrap; padding: 0px; } ul { list-style-type: square; margin-left: 0px; padding-left: 1.5em; } li li { list-style-type: disc; margin-left: 0px; padding-left: 1.5em; } li li li{ list-style-type: circle; margin-left: 0px; padding-left: 1.5em; } li li li li li { list-style-type: square; margin-left: 0px; padding-left: 1.5em; } </style> <script type="text/JavaScript"> var isNS6 = (navigator.userAgent.indexOf("Gecko") > 0) ? 1 : 0; var isIE5 = (navigator.appVersion.indexOf("MSIE 5") > 0) ? 1 : 0; var OPERA = (navigator.userAgent.indexOf("Opera") > 0) ? true : false; // Array for tracking objects to expand or collapse. var objectList = new Array(); function showProperties(obj, name) { var i, s; var propertyList, temp; var property, value; var lines; if (!name && obj && obj.id) name = obj.id; // Netscape: Special handling for objects of type [object CSSStyleRule] due // to browser bugs. Note that 'parentRule' is inaccessible and 'selectorText' // always returns null. if (isNS6 && String(obj) == "[object CSSStyleRule]") { objectList[objectList.length] = obj.parentStyleSheet; objectList[objectList.length] = obj.style; return "<ul>" + "<li>" + name + ".cssText = " + obj.cssText + "</li>" + "<li>" + name + ".selectorText = " + obj.selectorText + "</li>" + "<li>" + name + ".parentRule = <i>inaccessible</i></li>" + "<li>" + name + ".parentStyleSheet = " + makeLink(objectList.length - 2, name + ".parentStyleSheet", String(obj.parentStyleSheet)) + "</li>" + "<li>" + name + ".style = " + makeLink(objectList.length - 1, name + ".style", String(obj.style)) + "</li>" + "<li>" + name + ".type = " + obj.type + "</li>" + "</ul>"; } // Create a list of the object's properties sorted alphabetically by name so // they can be listed in an easy to read order. propertyList = new Array; for (property in obj) propertyList[propertyList.length] = String(property); propertyList.sort(); // Build a list of properties and values for this object as a string of // HTML. s = "<ul>"; for (i = 0; i < propertyList.length; i++) { property = String(propertyList[i]); value = String(obj[propertyList[i]]); // If the object property is itself an object, create it as a link so it's // properties can be expanded or collapsed. if (value.indexOf("[object") >= 0) { objectList[objectList.length] = obj[propertyList[i]]; value = makeLink(objectList.length - 1, name + "." + property, value); } // If the property text contains HTML, encode it for display. if (property == "innerHTML" \|\| property == "outerHTML") { var lines = value.split("\n"); value = ""; for (j = 0; j < lines.length; j++) { lines[j] = lines[j].replace(/(.?)<(.?)/g, "$1<$2"); lines[j] = lines[j].replace(/(.?)>(.?)/g, "$1>$2"); value += lines[j]; } } // Add property as a list item. s += "<li>" + name + "." + property + " = " + value + "</li>"; // Netscape: Enumerate each element in an array property (note: IE provides // individual array elements using the index number as the property name). if (isNS6 && obj.propertyIsEnumerable(String(property))) for (j = 0; j < parseInt(value, 10); j++) { objectList[objectList.length] = obj[j]; temp = makeLink(objectList.length - 1, name + "[" + j + "]", String(obj[j])); if (obj[j]) s += "<li>" + name + "[" + j + "] " + temp + "</li>"; } } s += "</ul>"; return s; } function makeLink(i, name, text) { return '<a class="object" href="javascript:cancelEvt(event)" onclick="' + 'if (!this.isExpanded)' + 'createList(this,objectList[' + i + '],\'' + name + '\');' + 'else destroyList(this);event.cancelBubble=true;return false;">' + text + '</a>'; } function createList(target, obj, name) { var node; // Generate property list and append it to document after the current node. node = document.createElement("SPAN"); node.innerHTML = showProperties(obj, name); target.parentNode.appendChild(node); target.isExpanded = true; } function destroyList(target) { // Remove a generated property list from the document. target.parentNode.removeChild(target.parentNode.lastChild); target.isExpanded = false; } </script> </head> <body> <h1>DOM Viewer</h1> <script type="text/JavaScript"> // Show properties for the specified object in the opening window. Default to // the document if no object is specified. var DOMViewerObj = window.document; var DOMViewerName = "document"; if (!DOMViewerObj) { DOMViewerObj = window.document; DOMViewerName = "document"; } document.writeln("<h2>You clicked: <"+DOMViewerName+" id=\""+DOMViewerObj.id+"\"...<\/h2>"); document.writeln("<h3>Properties:<\/h3>"); document.writeln(showProperties(DOMViewerObj, DOMViewerObj.id)); function cancelEvt(e){ if(window.event) window.event.returnValue= false; else if(e && e.preventDefault) e.preventDefault(); else return false; } </script> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 四、加亮显示 [原创] <HTML> <HEAD> <TITLE>加亮显示</TITLE> <style> * {font-size: 14px} </style> <script language="JScript"> function highLight_attribute($1) { var attribute_html = $1 var re = /([\S]+=)(\S+)/g attribute_html = attribute_html.replace(re, "<font color=red>$1</font><font color=black>$2</font>") return attribute_html } function highLight_tag($1) { return "<font color=blue>"+highLight_attribute($1)+"</font>" } function highLight(html) { re = /(<[\S]+?.?>)/g html = html.replace(re, highLight_tag) html = html.replace(/\n/g, "<br>") html = html.replace(/(\$?\d+(%\|px)?)/g, "<font color=red>$1</font>") html = html.replace(/(\".?\")/g, function($1) { $1 = $1.replace(/<.?>/g, "") return "<font color=#999999>"+$1+"</font>" }) html_lightcode.innerHTML = html } </script> </HEAD> <BODY onload="html_code.innerText=document.documentElement.outerHTML; highLight(html_code.innerHTML)"> <textarea id=html_code rows=15 style="width:100%" onkeyup="highLight(html_code.innerHTML)"></textarea> <br> <div id=html_lightcode></div> </BODY> </HTML> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 五、runtime Object <HTML> <HEAD> <TITLE>runtimeStyle Object</TITLE> <STYLE> BODY {font-size: 8pt; font-family: Arial;} .datahead {font-size: 8pt; font-family: Arial; background-color: #505050; color: #FFFFFF; border: "1 solid"; border-top-color: "#909090"; border-left-color: "#909090"; border-right-color: "#303030"; border-bottom-color: "#303030";} .dataitem {font-size: 8pt; font-family: Arial; background-color: #C0C0C0; color: #000000; border: "1 solid"; border-top-color: "#CFCFCF"; border-left-color: "#CFCFCF"; border-right-color: "#505050"; border-bottom-color: "#505050";} </STYLE> <SCRIPT> function fnSetData(){ for(var i=1;i<oData.rows.length;i++) { var oWorkRow=oData.rows(i); oWorkRow.cells(1).innerText=eval("oScratch.style." + oWorkRow.cells(0).innerText); oWorkRow.cells(2).innerText=eval("oScratch.runtimeStyle." + oWorkRow.cells(0).innerText); oWorkRow.cells(3).innerText=eval("oScratch.currentStyle." + oWorkRow.cells(0).innerText); } } function fnChangeStyle(oStyle,sValue){ if(sValue.indexOf("CLEAR")>-1){ sValue=""; } eval("oScratch.runtimeStyle." + oStyle + "='" + sValue + "'"); fnSetData(); } function fnInit(){ fnSetData(); } </SCRIPT> </HEAD> <BODY onload="fnInit()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF" LINK="#000000" VLINK="#808080" ALINK="#000000"> <H1>runtimeStyle Object Sample</H1> <DIV ID="oScratch" STYLE="border: '5 solid'; border-color: #101010; background-color: #CFCFCF; color: #000000; font-size: 12pt; font-family: 'Arial';"> This sample demonstrates the use of the <b>runtimeStyle</b> object. The <b>runtimeStyle</b> object allows authors to use a particular style to override an existing style specified inline or in a style sheet. <P>In this sample, you can select different values to be set on the <b>runtimeStyle</b> object for the preconfigured properties used for this paragraph. When you select a new value, notice that the values for the <b>runtimeStyle</b> and <b>currentStyle</b> objects change for that property, but the <b>style</b> object does not. When the value is cleared (select 'CLEAR' from the drop-down menu) from the <b>runtimeStyle</b> object, the property value reverts to the <b>style</b> value, and the <b>currentStyle</b> value reflects this. </DIV> <P> <TABLE ID="oData"> <TR> <TD CLASS="datahead">CSS Property</TD> <TD CLASS="datahead">style</TD> <TD CLASS="datahead">runtimeStyle</TD> <TD CLASS="datahead">currentStyle</TD> <TD CLASS="datahead"><b>Select a Value</b></TD> </TR> <TR> <TD CLASS="dataitem">backgroundColor</TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"><SELECT CLASS="dataitem" onchange="fnChangeStyle('backgroundColor',this.options(this.selectedIndex).text)"> <OPTION>Indigo <OPTION>MistyRose <OPTION>MediumOrchid <OPTION>Pink <OPTION>Yellow <OPTION>CLEAR THIS RUNTIME STYLE </SELECT> </td> </TR> <TR> <TD CLASS="dataitem">borderColor</TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"><SELECT CLASS="dataitem" onchange="fnChangeStyle('borderColor',this.options(this.selectedIndex).text)"> <OPTION>Red <OPTION>Green <OPTION>Blue <OPTION>Yellow <OPTION>CLEAR THIS RUNTIME STYLE </SELECT> </td> </TR> <TR> <TD CLASS="dataitem">color</TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"></TD> <TD CLASS="dataitem"><SELECT CLASS="dataitem" onchange="fnChangeStyle('color',this.options(this.selectedIndex).text)"> <OPTION>Red <OPTION>White <OPTION>Blue <OPTION>Yellow <OPTION>Silver <OPTION>Gold <OPTION>CLEAR THIS RUNTIME STYLE </SELECT> </td> </TR> </TABLE> </BODY> </HTML> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 六、Greeting Card Designer <html> <head> <title>Greeting Card Designer</title> <style type="text/css"> .title { font-family: Verdana; font-size: 13pt; font-weight: bold; color: #FFFFFF;} .lpane { position:absolute; width:144px; height:408px; z-index:1; top: 34px; left: 6px; background: #FFFFFF; border-right:2px solid #99CCFF; border-top:2px solid #333366; border-left:2px solid #333366; border-bottom:2px solid #99CCFF;} .layout { position:absolute; width:443px; height:408px; z-index:1; top: 34px; left: 157px; background-color: #999999; border-right:2px solid #99CCFF; border-top:2px solid #333366; border-left:2px solid #333366; border-bottom:2px solid #99CCFF;} .card { position:absolute; width:375px; height:225px; z-index:2; left: 32px; top: 85px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; padding:15; overflow:hidden;} .cardshadow { position:absolute; width:375px; height:225px; z-index:1; left: 32px; top: 85px; background: #000000; border: 1px solid #000000; FILTER: progid:DXImageTransform.Microsoft.CrBlur( PixelRadius=3, MakeShadow=true, ShadowOpacity=.30);} .rpane { position:absolute; width:144px; height:408px; z-index:1; top: 34px; left: 608px; background:#666666; layer-background-color: #FFFFFF; border-right:2px solid #99CCFF; border-top:2px solid #333366; border-left:2px solid #333366; border-bottom:2px solid #99CCFF; padding:5px;} .bar { position:absolute; width:746px; height:20px; z-index:2; top: 446px; left: 6px; padding:5px;} .bar A:link {text-decoration:none; color:white} .bar A:visited {text-decoration:none; color:white} .bar A:active {text-decoration:none; color:white} .bar A:hover {text-decoration:none; color:yellow} .wbox{ background-color: #FFFFFF; border:1px solid #000000; z-index:2;} .button1{ height:20px; background:#666666; font-family:verdana; color:white; font-size:8pt; font-weight:bold; padding:1px; padding-left:5px; border-bottom:1px solid #999999; cursor:hand; } .textRegion{ height:20px; background:#666666; font-family:verdana; color:white; font-size:8pt; padding:1px; padding-left:5px; border-bottom:1px solid #999999;} .swatch{ height:20px; width:20px; margin:5px; border:1px solid black; cursor:hand;} </style> <SCRIPT language=javascript> <!-- Identifies the current set of active right pane controls --> var gsCurrentControlSet = null; <!-- These variables are used to dynamically assign IDs to inserted content --> var giLastImg = '1'; var giLastTxt = '1'; <!-- The fnInit function initializes the editable and non-editable regions --> <!-- of the document --> function fnInit(){ gsCurrentControlSet=oSizeControls; <!-- Ensure the display interface is not selectable, by making all --> <!-- elements UNSELECTABLE --> for (i=0; i<document.all.length; i++) document.all(i).unselectable = "on"; <!-- Prepare the editable region --> card.unselectable = "off"; card.contentEditable='true'; document.execCommand("2D-Position", true, true); document.execCommand("MultipleSelection", true, true); document.execCommand("LiveResize", true, true); } <!-- The fnToggleOptions function sets the type of controls available on --> <!-- the right pane of the Card Designer. size/background/text/images --> function fnToggleOptions(sControlSet){ if (gsCurrentControlSet != sControlSet){ gsCurrentControlSet.style.display = "none"; sControlSet.style.display = "block"; gsCurrentControlSet = sControlSet; } } <!-- The fnChangeSize function sets the editable card region --> <!-- to the user selected dimentions. --> function fnChangeSize(oWidth, oHeight, oTop, oLeft) { card.style.width=oWidth; cardshadow.style.width=oWidth; card.style.height=oHeight; cardshadow.style.height=oHeight; card.style.top=oTop; cardshadow.style.top=oTop; card.style.left=oLeft; cardshadow.style.left=oLeft; } <!-- The fnChangeStyle function sets the background style for the card. --> function fnChangeStyle() { if (event.srcElement.className == "swatch") { card.style.background=event.srcElement.style.background; card.style.filter=event.srcElement.style.filter; } } <!-- The fnInsertImage function inserts an image into the editable card --> <!-- region. The new IMG has a unique ID. --> function fnInsertImage(oImgId,oImgSrc) { var oNode=document.createElement("img"); card.insertBefore(oNode); oNode.src=oImgSrc; giLastImg++; var iTempCount = oImgId + giLastImg; oNode.id = iTempCount; oNode.style.position='absolute'; <!-- Set the new image as control selected for resizing/repositioning --> var oControlRange = document.body.createControlRange(); oControlRange.add(oNode); oControlRange.select(); } <!-- The fnInsertText function inserts an text DIV into the editable card --> <!-- region. The new DIV has a unique ID. --> function fnInsertText(oTxtId,oTxtFont) { var oNode=document.createElement("div"); card.insertBefore(oNode); oNode.style.fontFamily=oTxtFont; oNode.innerText='Enter some text here'; giLastTxt++; var iTempCount = "text" + giLastTxt; oNode.id = iTempCount; oNode.style.position='absolute'; <!-- Set the new text as the active element for editing. --> oNode.setActive() } <!-- The fnChangeFontSize function sets the font-size for control selected --> <!-- text regions. --> function fnChangeFontSize(){ if (document.selection.type == "Control") { var oControlRange = document.selection.createRange(); for (i = 0; i < oControlRange.length; i++) if (oControlRange(i).tagName != "IMG") oControlRange(i).style.fontSize=event.srcElement.style.fontSize; } } <!-- The fnChangeFontFamily function sets the font-family for control --> <!-- selected text regions. --> function fnChangeFontFamily (){ if (document.selection.type == "Control"){ var oControlRange = document.selection.createRange(); for (i = 0; i < oControlRange.length; i++) if (oControlRange(i).tagName != "IMG") oControlRange(i).style.fontFamily=event.srcElement.style.fontFamily; } } <!-- The fnChangeFontColor function sets the text color for control selected --> <!-- text regions. --> function fnChangeFontColor (){ if (document.selection.type == "Control") { var oControlRange = document.selection.createRange(); for (i = 0; i < oControlRange.length; i++) if (oControlRange(i).tagName != "IMG") oControlRange(i).style.color=event.srcElement.style.backgroundColor; } } </SCRIPT> </HEAD> <BODY BGCOLOR="#006699" MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0" onload="fnInit();"> <!--TOOLBAR_START--><!--TOOLBAR_EXEMPT--><!--TOOLBAR_END--> <DIV ID="title" CLASS="title" STYLE="position:absolute; width:747px; height:28px; z-index:2; top:5px; left:5px">Greeting Card Designer</DIV> <!-- Option Control --> <DIV ID="leftpane" CLASS="lpane"> <DIV CLASS="button1" onclick="fnToggleOptions(oSizeControls);"> Size</DIV> <DIV CLASS="button1" onclick="fnToggleOptions(oBackgroundControls);"> Background Style</DIV> <DIV CLASS="button1" onclick="fnToggleOptions(oTextControls);"> Text</DIV> <DIV CLASS="button1" onclick="fnToggleOptions(oImageControls);"> Images</DIV> </BR></BR></BR></BR> <DIV CLASS="textRegion"> </BR></BR></BR></BR>Right-click <B>here</B> and select <B>View Source</B> to see how it's done.</BR></BR></BR></BR></BR></DIV> </DIV> <!-- The Editing Container --> <DIV ID="layoutbox" CLASS="layout"> <DIV ID="card" CLASS="card" onpaste="window.event.returnValue = false;" > </DIV> <DIV ID="cardshadow" CLASS="cardshadow"> </DIV> </DIV> <!-- Size Controls --> <DIV ID="oSizeControls" CLASS="rpane" ALIGN="center" STYLE="display:block;"> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:10pt; padding:1px; font-weight:bold">Size:</DIV> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:8pt; padding:5px">Choose the dimensions of your card by clicking on a size below:</DIV> <BR> <DIV ID="cardsize1" CLASS="wbox" STYLE="width:100; height:65; padding:5px; margin:10px; cursor:hand;" onclick="fnChangeSize('375','225','85','32');" >4" x 6"</DIV> <DIV ID="cardsize2" CLASS="wbox" STYLE="width:100; height: 100; padding:5px; margin:10px; cursor:hand;" onclick="fnChangeSize('375','375','5','32');">6" x 6"</DIV> <DIV ID="cardsize3" CLASS="wbox" STYLE="width:70; height: 100; padding:5px; margin:10px; cursor:hand;" onclick="fnChangeSize('275','375','8','75');">6" x 4"</DIV> </DIV> <!-- Text Controls --> <DIV ID="oTextControls" CLASS="rpane" ALIGN="left" STYLE="display:none; padding:5px"> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:10pt; padding:1px; font-weight:bold">Text:</DIV> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:8pt; padding:5px">Insert, edit, or reposition text regions. </DIV><BR/> <button onclick="fnInsertText('georgia')">Insert Text</button><BR/> <!-- Text Size Controls --> <SPAN onclick="fnChangeFontSize();"> <DIV STYLE="height: 25px; cursor:hand; font-family:georgia; font-size:22pt; font-weight:normal; color:white">Large</DIV> <DIV STYLE="height: 25px; cursor:hand; font-family:georgia; font-size:15pt; font-weight:normal; color:white">Medium</DIV> <DIV STYLE="height: 25px; cursor:hand; font-family:georgia; font-size:10pt; font-weight:normal; color:white">small</DIV> </SPAN><BR/> <!-- Text Font-Family Controls --> <SPAN onclick="fnChangeFontFamily();"> <DIV STYLE="height: 25px; cursor:hand; font-family:times; font-size:14pt; font-weight:normal; color:white">Times</DIV> <DIV STYLE="height: 25px; cursor:hand; font-family:arial; font-size:14pt; font-weight:normal; color:white">Arial</DIV> <DIV STYLE="height: 25px; cursor:hand; font-family:georgia; font-size:14pt; font-weight:normal; color:white">Georgia</DIV> <DIV STYLE="height: 25px; cursor:hand; font-family:verdana; font-size:14pt; font-weight:normal; color:white">Verdana</DIV> </SPAN><BR/> <!-- Text Color Controls --> <SPAN onclick="fnChangeFontColor();"> <SPAN CLASS="swatch" STYLE="background:black"> </SPAN> <SPAN CLASS="swatch" STYLE="background:#666666"> </SPAN> <SPAN CLASS="swatch" STYLE="background:#cccccc"> </SPAN> <SPAN CLASS="swatch" STYLE="background:white"> </SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:tomato"> </SPAN> <SPAN CLASS="swatch" STYLE="background:palegreen"> </SPAN> <SPAN CLASS="swatch" STYLE="background:palegoldenrod"> </SPAN> <SPAN CLASS="swatch" STYLE="background:royalblue"> </SPAN> </SPAN> </DIV> <!-- Image Controls --> <DIV ID="oImageControls" CLASS="rpane" ALIGN="center" STYLE="display:none; padding:5px; overflow:auto"> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:10pt; padding:1px; font-weight:bold">Images:</DIV> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:8pt; padding:5px">Select image to insert, then position or re-size.</DIV> <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc; padding:10px; cursor:hand" onclick="fnInsertImage('heart','heart.gif');"> <IMG SRC="miniheart.gif" STYLE="position:absolute; left:50" ondrag="window.event.returnValue = false;"/></DIV> <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc; padding:10px; cursor:hand" onclick="fnInsertImage('egg','egg.gif');"> <IMG SRC="miniegg.gif" STYLE="position:absolute; left:50" ondrag="window.event.returnValue = false;"/></DIV> <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc; padding:10px; cursor:hand" onclick="fnInsertImage('flower','flower.gif');"> <IMG SRC="miniflower.gif" STYLE="position:absolute; left:50" ondrag="window.event.returnValue = false;"/></DIV> <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc; padding:10px; cursor:hand" onclick="fnInsertImage('present','present.gif');"> <IMG SRC="minipresent.gif" STYLE="position:absolute; left:50" ondrag="window.event.returnValue = false;"/></DIV> <DIV STYLE="height:65px; width: 100px; border-bottom:1px solid #cccccc; padding:10px; cursor:hand" onclick="fnInsertImage('clover','clover.gif');"> <IMG SRC="miniclover.gif" STYLE="position:absolute; left:50" ondrag="window.event.returnValue = false;"/></DIV> </DIV> <!-- Background Controls --> <DIV ID="oBackgroundControls" CLASS="rpane" ALIGN="center" STYLE="display:none" onclick="fnChangeStyle();"> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:10pt; padding:1px; font-weight:bold">Background:</DIV> <DIV ALIGN="left" STYLE="font-family:verdana; color:white; font-size:8pt; padding:5px">Choose a color or gradient from the styles below.</DIV> <BR/> <!-- Solid Swatches --> <SPAN CLASS="swatch" STYLE="background:black" ></SPAN> <SPAN CLASS="swatch" STYLE="background:#666666" ></SPAN> <SPAN CLASS="swatch" STYLE="background:#cccccc" ></SPAN> <SPAN CLASS="swatch" STYLE="background:white" ></SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:tomato" ></SPAN> <SPAN CLASS="swatch" STYLE="background:palegreen" ></SPAN> <SPAN CLASS="swatch" STYLE="background:palegoldenrod" ></SPAN> <SPAN CLASS="swatch" STYLE="background:royalblue" ></SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:pink" ></SPAN> <SPAN CLASS="swatch" STYLE="background:cornflowerblue" ></SPAN> <SPAN CLASS="swatch" STYLE="background:blueviolet" ></SPAN> <SPAN CLASS="swatch" STYLE="background:darkseagreen" ></SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:lightskyblue" ></SPAN> <SPAN CLASS="swatch" STYLE="background:navajowhite" ></SPAN> <SPAN CLASS="swatch" STYLE="background:yellowgreen" ></SPAN> <SPAN CLASS="swatch" STYLE="background:palevioletred" ></SPAN><BR/> <!-- The remaining swatches have a gradient filter applied. --> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='#99CCFF', gradientType='0');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#99CCFF', startColorstr='#ffffff', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#99CCFF', startColorstr='#ffffff', gradientType='0');"> </SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='gold', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='gold', gradientType='0');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='gold', startColorstr='#ffffff', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='gold', startColorstr='#ffffff', gradientType='0');"> </SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='palegreen', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='palegreen', gradientType='0');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='palegreen', startColorstr='#ffffff', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='palegreen', startColorstr='#ffffff', gradientType='0');"> </SPAN><BR/> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='red', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#ffffff', startColorstr='red', gradientType='0');" > </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='red', startColorstr='#ffffff', gradientType='1');"> </SPAN> <SPAN CLASS="swatch" STYLE="background:lightskyblue; filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='red', startColorstr='#ffffff', gradientType='0');"> </SPAN><BR/> </DIV> </SPAN> <DIV CLASS="bar" > <A href="http://www.microsoft.com/misc/cpyright.htm" target=_top> ©2001 Microsoft Corporation. All rights reserved. Terms of use.</A> </DIV> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 七、Interactive Document Tree Sample <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>Untitled</TITLE> <STYLE> .menu1 {display: none; position: absolute; width: 150; background-color: #CFCFCF; border: "1 solid"; border-top-color: #CFCFCF; border-left-color: #CFCFCF; border-bottom-color: #000000; border-right-color: #000000;} .menu2 {padding-left: 10; width: 150; background-color: #CFCFCF; border: "1 solid"; border-top-color: #FFFFFF; border-left-color: #FFFFFF; border-right-color: #909090; border-bottom-color: #909090;} .menuitem {cursor: hand; background-color: #CFCFCF; font-size: 8pt; font-family: Arial; width: 130; color: #000000;} .menuitem2 {cursor: hand; background-color: #0000FF; color: #FFFFFF; font-size: 8pt; font-family: Arial; width: 130;} LI {cursor: hand; font-size: 8pt; font-family: Arial;} .nodedata {font-size: 8pt; font-family: Arial; border: "1 solid"; background-color: #505050; border-top-color: #C0C0C0; border-left-color: #C0C0C0; border-bottom-color: #000000; border-right-color: #000000;} TD.data {background-color: #CFCFCF; border: "1 solid"; border-top-color: #EFEFEF; border-left-color: #EFEFEF; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0;} TD.sample {font-size: 8pt; font-family: Arial;} </STYLE> <SCRIPT> window.onload=fnInit; var oLastNode=""; var oCurrentNode=""; var oCopyNode=""; var oCreateNode=""; var oFlashItem=""; var oRemoveNode=""; var sCurrentAction=""; var iNewCount=0; function fnInit(){ oMenu.context=false; document.oncontextmenu=fnContextMenu; } function fnContextMenu(){ var oWorkItem=event.srcElement; oCurrentNode=oWorkItem; if(oWorkItem.group=="dom_sample"){ if(oMenu.context==true){ oMenu.context=false; oMenu.style.display="none"; } else{ oMenu.context=true; oMenu.style.top=event.clientY + document.body.scrollTop; oMenu.style.left=event.clientX; oMenu.style.display="block"; } return false; } else{ if(oMenu.context==true){ oMenu.context=false; oMenu.style.display="none"; if(oFlashItem.item_status=="flash"){ oFlashItem.item_status="dull"; oFlashItem.className="menuitem"; } } return true; } } function fnFlash(){ var oWorkItem=event.srcElement; if(oWorkItem.menu_action){ if(oWorkItem.item_status=="flash"){ oWorkItem.className="menuitem"; oWorkItem.item_status="dull"; } else{ if(oWorkItem.item_status=="moving"){ alert("hit?"); } oFlashItem=oWorkItem; oWorkItem.className="menuitem2"; oWorkItem.item_status="flash"; } } } function fnHandler(){ var oWorkItem=event.srcElement; if(oFlashItem.item_status=="flash"){ // oFlashItem.item_status="moving"; if(oWorkItem.nodeName=="#text"){ oWorkItem=oWorkItem.parentNode; } oMenu.style.display="none"; oMenu.context=false; // alert(oFlashItem.className + "\n" + oFlashItem.menu_action); sCurrentAction=oFlashItem.menu_action; var sAction="fn" + oFlashItem.menu_action + "(oCurrentNode)"; eval(sAction); oFlashItem.className="menuitem"; // event.returnValue=false; } } function fnCopy(oNode){ if(oNode==oLastNode){ oNode.style.backgroundColor=oNode.lastColor; } oCopyNode=oNode.cloneNode(true); window.status="cloned the " + oNode.tagName + " node"; return false; } function fnPasteBefore(oNode){ if(oCopyNode!=""){ oNode.parentNode.insertBefore(oCopyNode,oNode); oCopyNode=oCopyNode.cloneNode(true); window.status="pasted and re-cloned the " + oNode.tagName + " node"; } else{ window.status="Invalid node clone."; } } function fnPasteAsChild(oNode){ if(oCopyNode!=""){ if(oNode.nodeName!="INPUT"){ oNode.appendChild(oCopyNode); oCopyNode=oCopyNode.cloneNode(true); window.status="pasted and re-cloned the " + oNode.tagName + " node"; } else{ window.status="Cannot append a child to this object."; } } else{ window.status="Invalid node clone."; } } function fnPasteAfter(oNode){ if(oCopyNode!=""){ oNode.parentNode.appendChild(oCopyNode); oCopyNode=oCopyNode.cloneNode(true); window.status="pasted and re-cloned the " + oNode.tagName + " node"; } else{ window.status="Invalid node clone."; } } function fnRemove(oNode){ window.status="Removed the " + oNode.tagName + " node"; oRemoveNode=oNode.cloneNode(true); oNode.removeNode(true); } function fnCreate(oNode){ if(oNode==oLastNode){ oNode.style.backgroundColor=oNode.lastColor; } var sNodeType=window.prompt("Enter the name of an element:","LI"); if((sNodeType.indexOf(">")>-1)\|\|(sNodeType.indexOf("<")>-1)){ alert("You don't need to use any <'s or >'s in the node name. Try again."); } else{ var sTrans=sNodeType.toLowerCase(); if((sTrans.indexOf("table")>-1)\|\|(sTrans.indexOf("td")>-1)){ alert("Due to the implicit dependencies of tables, the ability to create them via the DOM has been disabled for this sample."); } else{ var sNodeData=window.prompt("Enter some text to go with the element:","New Node " + iNewCount); var oNewNode=document.createElement(sNodeType); oNewNode.setAttribute("group","dom_sample"); var oText=document.createTextNode(sNodeData); iNewCount++; if(sNodeType=="INPUT"){ var sInputType=window.prompt("Enter the type of INPUT control:","button"); oNewNode.type=sInputType; oNewNode.value=sNodeData; } else{ oNewNode.appendChild(oText); } oNode.parentNode.insertBefore(oNewNode,oNode); } } } function fnGetData(){ var oWorkItem=event.srcElement; if(oMenu.context==true){ oMenu.context=false; oMenu.style.display="none"; if(oFlashItem.item_status=="flash"){ oFlashItem.item_status="dull"; oFlashItem.className="menuitem"; } } if(oWorkItem.group=="dom_sample"){ var sName; var sText; if(oLastNode!=""){ oLastNode.style.backgroundColor=oLastNode.lastColor; } oWorkItem.lastColor=oWorkItem.currentStyle.backgroundColor; oWorkItem.style.backgroundColor="#5555FF"; oParentText.innerHTML="<B>" + oWorkItem.parentNode.nodeName + "</B>"; if(oWorkItem.previousSibling){ sName=oWorkItem.previousSibling.nodeName; } else{ sName="null"; } if(sName!="null"){ if(oWorkItem.previousSibling.firstChild){ sText=oWorkItem.previousSibling.firstChild.nodeValue; } else{ sText="null"; } } else{ sText="null"; } oPrevSibText.innerHTML="<B>" + sName + " (" + sText + ")</B>"; if(oWorkItem.nextSibling){ sName=oWorkItem.nextSibling.nodeName; } else{ sName="null"; } if(sName!="null"){ if(oWorkItem.nextSibling.firstChild){ sText=oWorkItem.nextSibling.firstChild.nodeValue; } else{ sText="null"; } } else{ sText="null"; } oNextSibText.innerHTML="<B>" + sName + " (" + sText + ")</B>"; sName=oWorkItem.nodeName; if(oWorkItem.firstChild){ sText=oWorkItem.firstChild.nodeValue; } else{ sText="null"; } oCurrentText.innerHTML="<B>" + sName + " (" + sText + ")</B>"; if(oWorkItem.firstChild){ sName=oWorkItem.firstChild.nodeName; } else{ sName="null"; } if(sName!="null"){ sText=oWorkItem.firstChild.nodeValue; } else{ sText="null"; } oFirstChildText.innerHTML="<B>" + sName + " (" + sText + ")</B>"; if(oWorkItem.lastChild){ sName=oWorkItem.lastChild.nodeName; } else{ sName="null"; } if(sName!="null"){ sText=oWorkItem.lastChild.nodeValue; } else{ sText="null"; } oLastChildText.innerHTML="<B>" + sName + " (" + sText + ")</B>"; if(oWorkItem.childNodes){ sName="Has " + oWorkItem.childNodes.length + " child nodes."; } else{ sName="Has no child nodes"; } oChildText.innerHTML="<B>" + sName + "</B>"; oLastNode=oWorkItem; } } function fnTrapSelect(){ event.returnValue=false; } </SCRIPT> <!-- SAMPLE_STYLE_START --> <LINK REL="stylesheet" HREF="/workshop/basicSDKIE4.css" TYPE="text/css"> <!-- SAMPLE_STYLE_END --> </HEAD> <!--TOOLBAR_START--> <!--TOOLBAR_EXEMPT--> <!--TOOLBAR_END--> <BODY TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="FIXED" BGCOLOR="#FFFFFF" LINK="#000000" VLINK="#808080" ALINK="#000000"> <BLOCKQUOTE CLASS="body"> <H1>Interactive Document Tree Sample</H1> <P>This sample demonstrates how the DOM implementation in Internet Explorer can be used to manipulate portions of the document tree. Click one of the nodes in the sample tree to query the different properties displayed in the gray table. Right-click one of the nodes for a special context menu that allows you to copy, paste, create, and remove a selected node. These features are valid only within the sample tree, which is available between the two horizontal rules.</P> <TABLE WIDTH="100%" CLASS="nodedata"> <TR><TD CLASS="data" COLSPAN=3 ALIGN=center>Parent Node: <SPAN ID="oParentText"></SPAN></TD></TR> <TR><TD CLASS="data" WIDTH="33%">Previous Sibling: <SPAN ID="oPrevSibText"></SPAN></TD><TD CLASS="data" WIDTH="33%"><b>Selected Node</b>: <SPAN ID="oCurrentText"></SPAN></TD><TD CLASS="data" WIDTH="33%">Next Sibling: <SPAN ID="oNextSibText"></SPAN></TD></TR> <TR><TD CLASS="data">First Child: <SPAN ID="oFirstChildText"></SPAN></TD><TD CLASS="data">Children: <SPAN ID="oChildText"></SPAN></TD><TD CLASS="data">Last Child: <SPAN ID="oLastChildText"></SPAN></TD></TR> </TABLE> <h3>Sample Tree</h3> <hr> <DIV onclick="fnGetData()" onselectstart="fnTrapSelect()"> <UL group="dom_sample"> <LI group="dom_sample">Node 1 <LI group="dom_sample">Node 2 <UL group="dom_sample"> <LI group="dom_sample">Sub Node 1 <LI group="dom_sample">Sub Node 2 <LI group="dom_sample">Sub Node 3 </UL> <LI group="dom_sample">Node 3 <UL> <LI group="dom_sample"><TABLE BORDER=1 group="dom_sample"><TR group="dom_sample"><TD CLASS="sample" group="dom_sample">Table Cell 1</TD><TD CLASS="sample" group="dom_sample">Table Cell 2</TD></TR></TABLE> </UL> </UL> <FORM group="dom_sample"> <LABEL STYLE="cursor: hand; background-color: #CFCFCF; font-size: 8pt; font-family: Arial;" group="dom_sample">First Name:</LABEL><INPUT STYLE="cursor: hand; font-size: 8pt; font-family: Arial;" TYPE=text group="dom_sample" ID=oFirstName> <INPUT TYPE=button STYLE="cursor: hand; font-size: 8pt; font-family: Arial;" VALUE="Submit" group="dom_sample"> </FORM> </DIV> <hr> <DIV group="dom_sample" ID="oMenu" CLASS="menu1"> <DIV group="dom_sample" onmouseover="fnFlash()" onmouseout="fnFlash()" onclick="fnHandler()" ID="oContainer" CLASS="menu2"> <SPAN group="dom_sample" item_status="dull" menu_action="Copy" CLASS="menuitem">Copy Node</span> <SPAN group="dom_sample" item_status="dull" menu_action="PasteBefore" CLASS="menuitem">Paste Before Node</span> <SPAN group="dom_sample" item_status="dull" menu_action="PasteAsChild" CLASS="menuitem">Paste Node As Child</span> <SPAN group="dom_sample" item_status="dull" menu_action="PasteAfter" CLASS="menuitem">Paste After Node</span> <SPAN group="dom_sample" item_status="dull" menu_action="Remove" CLASS="menuitem">Remove Node</span> <SPAN group="dom_sample" item_status="dull" menu_action="Create" CLASS="menuitem">Create Node</span> </DIV> </DIV> <BR><BR><BR> © <A CLASS="clsIncCpyRt" HREF="/isapi/gomscom.asp?target=/misc/cpyright.htm" TARGET="_top">Microsoft Corporation. All rights reserved. Terms of use</A>. </BLOCKQUOTE> </BODY> </HTML> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 八、Ecode解码器 [原创] <html> <head></head> <body> <script language="JScript"> var STATE_COPY_INPUT = 100 var STATE_READLEN = 101 var STATE_DECODE = 102 var STATE_UNESCAPE = 103 var pick_encoding = new Array( 1, 2, 0, 1, 2, 0, 2, 0, 0, 2, 0, 2, 1, 0, 2, 0, 1, 0, 2, 0, 1, 1, 2, 0, 0, 2, 1, 0, 2, 0, 0, 2, 1, 1, 0, 2, 0, 2, 0, 1, 0, 1, 1, 2, 0, 1, 0, 2, 1, 0, 2, 0, 1, 1, 2, 0, 0, 1, 1, 2, 0, 1, 0, 2 ) var rawData = new Array( 0x64,0x37,0x69, 0x50,0x7E,0x2C, 0x22,0x5A,0x65, 0x4A,0x45,0x72, 0x61,0x3A,0x5B, 0x5E,0x79,0x66, 0x5D,0x59,0x75, 0x5B,0x27,0x4C, 0x42,0x76,0x45, 0x60,0x63,0x76, 0x23,0x62,0x2A, 0x65,0x4D,0x43, 0x5F,0x51,0x33, 0x7E,0x53,0x42, 0x4F,0x52,0x20, 0x52,0x20,0x63, 0x7A,0x26,0x4A, 0x21,0x54,0x5A, 0x46,0x71,0x38, 0x20,0x2B,0x79, 0x26,0x66,0x32, 0x63,0x2A,0x57, 0x2A,0x58,0x6C, 0x76,0x7F,0x2B, 0x47,0x7B,0x46, 0x25,0x30,0x52, 0x2C,0x31,0x4F, 0x29,0x6C,0x3D, 0x69,0x49,0x70, 0x3F,0x3F,0x3F, 0x27,0x78,0x7B, 0x3F,0x3F,0x3F, 0x67,0x5F,0x51, 0x3F,0x3F,0x3F, 0x62,0x29,0x7A, 0x41,0x24,0x7E, 0x5A,0x2F,0x3B, 0x66,0x39,0x47, 0x32,0x33,0x41, 0x73,0x6F,0x77, 0x4D,0x21,0x56, 0x43,0x75,0x5F, 0x71,0x28,0x26, 0x39,0x42,0x78, 0x7C,0x46,0x6E, 0x53,0x4A,0x64, 0x48,0x5C,0x74, 0x31,0x48,0x67, 0x72,0x36,0x7D, 0x6E,0x4B,0x68, 0x70,0x7D,0x35, 0x49,0x5D,0x22, 0x3F,0x6A,0x55, 0x4B,0x50,0x3A, 0x6A,0x69,0x60, 0x2E,0x23,0x6A, 0x7F,0x09,0x71, 0x28,0x70,0x6F, 0x35,0x65,0x49, 0x7D,0x74,0x5C, 0x24,0x2C,0x5D, 0x2D,0x77,0x27, 0x54,0x44,0x59, 0x37,0x3F,0x25, 0x7B,0x6D,0x7C, 0x3D,0x7C,0x23, 0x6C,0x43,0x6D, 0x34,0x38,0x28, 0x6D,0x5E,0x31, 0x4E,0x5B,0x39, 0x2B,0x6E,0x7F, 0x30,0x57,0x36, 0x6F,0x4C,0x54, 0x74,0x34,0x34, 0x6B,0x72,0x62, 0x4C,0x25,0x4E, 0x33,0x56,0x30, 0x56,0x73,0x5E, 0x3A,0x68,0x73, 0x78,0x55,0x09, 0x57,0x47,0x4B, 0x77,0x32,0x61, 0x3B,0x35,0x24, 0x44,0x2E,0x4D, 0x2F,0x64,0x6B, 0x59,0x4F,0x44, 0x45,0x3B,0x21, 0x5C,0x2D,0x37, 0x68,0x41,0x53, 0x36,0x61,0x58, 0x58,0x7A,0x48, 0x79,0x22,0x2E, 0x09,0x60,0x50, 0x75,0x6B,0x2D, 0x38,0x4E,0x29, 0x55,0x3D,0x3F ) var transformed = new Array() for (var i=0; i<3; i++) transformed[i] = new Array() for (var i=31; i<=126; i++) for (var j=0; j<3; j++) transformed[j][rawData[(i-31) 3 + j]] = (i==31) ? 9 : i var digits = new Array() for (var i=0; i<26; i++) { digits["A".charCodeAt(0)+i] = i digits["a".charCodeAt(0)+i] = i+26 } for (var i=0; i<10; i++) digits["0".charCodeAt(0)+i] = i+52 digits[0x2b] = 62 digits[0x2f] = 63 function unescape(char) { var escapes = "#&!$" var escaped = "\r\n<>@" if (char.charCodeAt(0) > 126) return char if (escapes.indexOf(char) != -1) return escaped.substr(escapes.indexOf(char), 1) return "?" } function decodeBase64(string) { var val = 0 val += (digits[string.substr(0,1).charCodeAt(0)] << 2) val += (digits[string.substr(1,1).charCodeAt(0)] >> 4) val += (digits[string.substr(1,1).charCodeAt(0)] & 0xf) << 12 val += ((digits[string.substr(2,1).charCodeAt(0)] >> 2) << 8) val += ((digits[string.substr(2,1).charCodeAt(0)] & 0x3) << 22) val += (digits[string.substr(3,1).charCodeAt(0)] << 16) return val } function strdec(encodingString) { var marker = "#@~^" var stringIndex = 0 var scriptIndex = -1 var unEncodingIndex = 0 var char = null var encodingLength = unEncodinglength = 0 var state = STATE_COPY_INPUT var unEncodingString = "" var re, arr while(state) { switch (state) { case (STATE_COPY_INPUT) : scriptIndex = encodingString.indexOf(marker, stringIndex) if (scriptIndex != -1) { unEncodingString += encodingString.substring(stringIndex, scriptIndex) scriptIndex += marker.length state = STATE_READLEN } else { stringIndex = stringIndex==0 ? 0 : stringIndex unEncodingString += encodingString.substr(stringIndex, encodingString.length) state = 0 } break case (STATE_READLEN) : encodingLength = encodingString.substr(scriptIndex, 6) unEncodinglength = decodeBase64(encodingLength) scriptIndex += (6 + "==".length) state = STATE_DECODE break case (STATE_DECODE) : if (!unEncodinglength) { stringIndex = scriptIndex + "DQgAAA==^#~@".length unEncodingIndex = 0 state = STATE_COPY_INPUT break } char = encodingString.substr(scriptIndex, 1) if (char == "@") state = STATE_UNESCAPE else { if (char.charCodeAt(0) < 0xFF) { unEncodingString += String.fromCharCode(transformed[pick_encoding[unEncodingIndex%64]][char.charCodeAt(0)]) unEncodingIndex++ } else { unEncodingString += char } scriptIndex++ unEncodinglength-- break } case STATE_UNESCAPE: unEncodingString += unescape(encodingString.substr(++scriptIndex, 1)) scriptIndex++; unEncodinglength -=2 unEncodingIndex++ state = STATE_DECODE break } } re = new RegExp("(JScript\|VBscript).encode", "gmi") while(arr = re.exec(unEncodingString)) unEncodingString = RegExp.leftContext + RegExp.$1 + RegExp.rightContext return unEncodingString } </script> <textarea rows=10 cols=50 id=encodeHTML> <html> <head></head> <body> <script language="JScript.Encode">#@~^JAAAAA==@#@&b$;fAsM_qxFSt16n5IjP`.o啊噢e}@#@&DQgAAA==^#~@</script> <script language="JScript.Encode">#@~^JAAAAA==@#@&b$;fAsM_qxFSt16n5IjP`.o啊噢e}@#@&DQgAAA==^#~@</script> </body> </html> </textarea> <button onclick="encodeHTML.innerText=strdec(encodeHTML.innerText)">解密</botton> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 九、HTML percent Loading [原创：测试版本] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Loading HTML</title> <style> { font-size: 12px; line-height: 150%; cursor: default; color: #999999} </style> <script> function percentDownload(dWindow, dURL) { loadingWin = dWindow loadingDoc = loadingWin.document loadingUrl = dURL allElement = 0 html_percent = 20 try{delete percent} catch(e){} if (loadingDoc) document.documentElement.addBehavior("#default#download") document.documentElement.startDownload(loadingUrl, new Function("downloadInit(arguments[0])")) } function downloadInit(content) { //var re = /<(.)>/gi //allElement = content.match(re).length loadingDoc.open() loadingDoc.write(content) allElement = loadingDoc.all.length setPercent() loadingDoc.close() loadingWin.location = loadingUrl loadContent = content html_downloading = "loading" } function setPercent() { percent = new Array() collections = new Array() collections[collections.length] = "applets" collections[collections.length] = "embeds" collections[collections.length] = "frames" collections[collections.length] = "images" collections[collections.length] = "scripts" for (var i=0; i<collections.length; i++) { oItem = collections[i] percent[percent.length] = eval("loadingDoc." + oItem + ".length") } resetPercent(percent, html_percent) } function getNowPercent() { try{percent[0]} catch(e){this.state = "uninitialized"; return this} this.percentValue = 0 this.url = loadingDoc.location.href this.state = loadingDoc.readyState this.colls = new Array() this.percentValue = Math.round(loadingDoc.all.length / allElement html_percent) if (this.percentValue > 20) this.percentValue = 20 var collObj for (var i=0; i<collections.length; i++) { collObj = eval("new getCollPercent('" + collections[i] + "')") this.percentValue += (collObj.collPercent * (percent[i] == 0 ? 1 : percent[i]) / 100) this.colls[collections[i]] = collObj } return this } function resetPercent(percentArray, html_percent) { if (!html_percent) html_percent = 0 var max_percent = 0 var correct_value = otherPercent = 100 - html_percent for (var i=0; i<percentArray.length; i++) max_percent += percent[i] for (var i=0; i<percentArray.length; i++) { percentArray[i] = Math.round(percent[i] / max_percent * otherPercent) correct_value -= percentArray[i] } for (var i=0; correct_value != 0; ((i++ > percentArray.length) ? i=0 : i)) { if (percentArray[i]-1 >= 0 && percentArray[i]+1 <= otherPercent) { percentArray[i] += correct_value / Math.abs(correct_value) correct_value -= correct_value / Math.abs(correct_value) } } } function getCollPercent(coll) { this.collection = eval("loadingDoc." + coll) this.loadingItems = new Array() this.interActiveItems = new Array() this.loadedItem = 0 this.collPercent for (i = 0; i < this.collection.length; i++) { switch (this.collection[i].readyState) { case "complete" : case "loaded" : case 2 : case 4 : this.loadedItem++ break case "loading" : case 1 : this.loadingItems[this.loadingItems.length] = this.collection[i] break case "interactive" : case 3 : this.interActiveItems[this.interActiveItems.length] = this.collection[i] break } } this.collPercent = (this.collection.length == 0) ? null : (this.loadedItem / this.collection.length * 100) return this } </script> <script> function startLoading() { frameName = "main" top.document.all[frameName].style.visibility = "hidden" percentDownload(top.frames[frameName], "http://www.blueidea.com/bbs/") downloadMain() } function downloadMain() { var downloadObj = new getNowPercent() if (downloadObj.state == "uninitialized") loading_timeout = setTimeout("downloadMain()", 100) now_percent = Math.round(downloadObj.percentValue) + "%" if (downloadObj.state == "complete" \|\| downloadObj.state == "loaded" ) { now_percent = "100%" loading_state.innerText = "页面已载入" filterShow() clearTimeout(loading_timeout) } else if (downloadObj.state == "interactive") { //filterShow() loading_timeout = setTimeout("downloadMain()", 20) } else { loading_state.innerText = "页面载入中" loading_timeout = setTimeout("downloadMain()", 20) } try { page_url.title = downloadObj.url page_url.innerText = (downloadObj.url.length > 18) ? downloadObj.url.substr(0,15) + "..." : downloadObj.url page_state.innerText = downloadObj.state percent_line.style.width = now_percent percent_number.innerText = now_percent window.status = loading_state.innerText applet.all["all"].innerText = top.frames[frameName].document.applets.length applet.all["loaded"].innerText = downloadObj.colls["applets"].loadedItem applet.all["loadPercent"].innerText = downloadObj.colls["applets"].collPercent == null ? "空" : Math.round(downloadObj.colls["applets"].collPercent) + "%" embed.all["all"].innerText = top.frames[frameName].document.embeds.length embed.all["loaded"].innerText = downloadObj.colls["embeds"].loadedItem embed.all["loadPercent"].innerText = downloadObj.colls["embeds"].collPercent == null ? "空" : Math.round(downloadObj.colls["embeds"].collPercent) + "%" frame.all["all"].innerText = top.frames[frameName].document.frames.length frame.all["loaded"].innerText = downloadObj.colls["frames"].loadedItem frame.all["loadPercent"].innerText = downloadObj.colls["frames"].collPercent == null ? "空" : Math.round(downloadObj.colls["frames"].collPercent) + "%" image.all["all"].innerText = top.frames[frameName].document.images.length image.all["loaded"].innerText = downloadObj.colls["images"].loadedItem image.all["loadPercent"].innerText = downloadObj.colls["images"].collPercent == null ? "空" : Math.round(downloadObj.colls["images"].collPercent) + "%" script.all["all"].innerText = top.frames[frameName].document.scripts.length script.all["loaded"].innerText = downloadObj.colls["scripts"].loadedItem script.all["loadPercent"].innerText = downloadObj.colls["scripts"].collPercent == null ? "空" : Math.round(downloadObj.colls["scripts"].collPercent) + "%" } catch(e){} } function filterShow() { //if (top.document.all[frameName].style.display == "block") return //top.document.all[frameName].style.display == "none" //top.document.all[frameName].style.filter = "revealTrans()" //now = new Date(); //top.document.all[frameName].filters.revealTrans.transition = Math.round(Math.random(now.getTime())*28) //top.document.all[frameName].filters.revealTrans.transition = 6 //top.document.all[frameName].filters.revealTrans.duration = 2 //top.document.all[frameName].filters.revealTrans.apply() top.document.all[frameName].style.visibility = "visible" //top.document.all[frameName].filters.revealTrans.play() } </script> </head> <body bgcolor="#FFFFFF" style="overflow: hidden" onselectstart="return false" topmargin=5 leftmargin=5> <table id=loading width="178" border="0" cellspacing="0" cellpadding="0" height="100%"> <tr><td align="center" valign="top" style="background: #EEEEEE; border:1 dotted #999999; line-height:200%"> <span id=loading_state style="color: #545454">初始化程序</span> <table width="140" border="0" cellspacing="0" cellpadding="0"> <tr><td bgcolor="#D5D5D5"> <table id="percent_line" width="0%" height="8" border="0" cellspacing="0" cellpadding="0"><tr><td bgcolor="#FF1212"></td></tr></table> </td> </tr> </table> <span id=percent_number style="color:#181C29">0%</span> </td> </tr> <tr><td height=100% valign="top" style="padding-top: 5; color: #999999"> 页面地址： <span id=page_url></span><br> 页面状态： <span id=page_state></span><br> <fieldset id="applet" style="width:100%; border-color: #D5D5D5; border-style: solid; border-width: 1" align="center" noshade> <legend style="color: #545454"> APPLET </legend> <table width="100%" cellpadding="0" cellspacing="0"> <tr><td style="padding-left: 5">数量</td><td id="all" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">载入</td><td id="loaded" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">百分比</td><td id="loadPercent" align="right" style="padding-right: 5"> </td></tr> </table> </fieldset> <fieldset id="embed" style="width:100%; border-color: #D5D5D5; border-style: solid; border-width: 1" align="center" noshade> <legend style="color: #545454"> 插　件 </legend> <table width="100%" cellpadding="0" cellspacing="0"> <tr><td style="padding-left: 5">数量</td><td id="all" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">载入</td><td id="loaded" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">百分比</td><td id="loadPercent" align="right" style="padding-right: 5"> </td></tr> </table> </fieldset> <fieldset id="frame" style="width:100%; border-color: #D5D5D5; border-style: solid; border-width: 1" align="center" noshade> <legend style="color: #545454"> 框　架 </legend> <table width="100%" cellpadding="0" cellspacing="0"> <tr><td style="padding-left: 5">数量</td><td id="all" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">载入</td><td id="loaded" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">百分比</td><td id="loadPercent" align="right" style="padding-right: 5"> </td></tr> </table> </fieldset> <fieldset id="image" style="width:100%; border-color: #D5D5D5; border-style: solid; border-width: 1" align="center" noshade> <legend style="color: #545454"> 图　片 </legend> <table width="100%" cellpadding="0" cellspacing="0"> <tr><td style="padding-left: 5">数量</td><td id="all" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">载入</td><td id="loaded" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">百分比</td><td id="loadPercent" align="right" style="padding-right: 5"> </td></tr> </table> </fieldset> <fieldset id="script" style="width:100%; border-color: #D5D5D5; border-style: solid; border-width: 1" align="center" noshade> <legend style="color: #545454"> 脚　本 </legend> <table width="100%" cellpadding="0" cellspacing="0"> <tr><td style="padding-left: 5">数量</td><td id="all" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">载入</td><td id="loaded" align="right" style="padding-right: 5"> </td></tr> <tr><td style="padding-left: 5">百分比</td><td id="loadPercent" align="right" style="padding-right: 5"> </td></tr> </table> </fieldset> <br> <div onclick="startLoading()" style="cursor: hand; color: #545454; background: #EEEEEE; border:1 dotted #999999" align=center>开始演示</div> </td></tr> </table> <iframe src="about:blank" name=main style="position:absolute; top: 0; left: 200"></iframe> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十、文本光标位置 <textarea id="demo" cols=50 onpropertychange=getPos(demo) onkeydown="setTimeout('getPos(demo)', 1)" onclick="getPos(demo)" >中文abcdefghijklmnopqrstuvwxyz</textarea> <script> function getPos(obj) { var docSel = document.selection.createRange() var oSel = docSel.duplicate() var srcRange= null if (!(srcRange= obj.createTextRange()).inRange(oSel)) { srcRange = document.body.createTextRange() srcRange.moveToElementText(obj) } oSel.setEndPoint("StartToStart", srcRange) window.status = oSel.text.length } </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-23 21:20:49)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-23 21:25:57)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-23 21:31:15)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-23 21:33:43)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-23 21:36:05)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-24 14:28:02)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-24 14:52:34)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 17:36:15)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-13 12:21:45)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-13 13:49:21)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-14 11:50:44)] [这消息被色眯眯的小疯狗编辑过(编辑时间2003-02-10 18:57:42)] [这消息被色眯眯的小疯狗编辑过(编辑时间2003-05-18 16:45:01)] [url=/bbs/NewsDetail.asp?id=454714]收藏贴[/url]
色眯眯的小疯狗 \| AHO \| 积分：8620 发贴：2303 来自：上海注册：2001-09-23	返回页首 \| 楼层：2 发表于 2002-04-24 17:44:43 资料邮件 QQ 悄悄话搜索引用举报不良信息 1、DATA BINDING msdn.microsoft.com/library/default.asp?url=/workshop/author/databind/data_binding_node_entry.asp 2、Filters and Transitions msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters_transitions_entry.asp 3、HTC Reference msdn.microsoft.com/library/default.asp?url=/workshop/components/htc/reference/htcref.asp 4、HTML and DHTML Reference msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp 5、HTML Applications msdn.microsoft.com/workshop/author/hta/hta_node_entry.asp?frame=true 6、HTML+TIME Reference msdn.microsoft.com/library/default.asp?url=/workshop/author/behaviors/reference/time2/htime_reference_entry.asp 7、NetScape References developer.netscape.com/evangelism/docs/references/ 8、Transform Reference www.microsoft.com/products/Developer/devonly/PRODINFO/directx/dxm/help/dxt/reference/effects/effects.htm 9、VML Reference msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/introduction.asp 10、XML Reference msdn.microsoft.com/library/en-us/xmlsdk30/htm/xmmscxmlreference.asp?frame=true 11、Document Object Model (DOM) Level 3 Core Specification www.w3.org/TR/DOM-Level-3-Core/ 12、Flash Methods www.macromedia.com/support/flash/publishexport/scriptingwithflash/scriptingwithflash_03.html 13、CSS2 中文手册 www.chinawebcool.com/download/downfile.asp?file_id=76&address=1 14、DTML 中文手册 en2china.diy.163.com/DHTML/downloadversion/0.1.0909.rar 15、SCRTIP5.6 中文手册 download.pchome.net/php/download2.php?sid=11065&url=/system/patch/scr56chs.exe&svr=5 16、RealPlayer Extended Functionality Guide service.real.com/help/library/guides/extend/embed.htm 17、Windows Media Player Object Model Reference msdn.microsoft.com/library/en-us/wmplay/mmp_sdk/controlreference.asp?frame=true 18、RFCS 资料 www.faqs.org/rfcs/ www.china-pub.com/computers/eMook/emooknew/RFC/rfc.asp?selectP=1 19、SOAP 资料 www.w3.org/TR/SOAP/ 20、中文w3c www.w3.org/2003/03/Translations/byLanguage?language=zh-cn [这消息被色眯眯的小疯狗编辑过(编辑时间2002-04-24 18:10:50)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-10-25 15:33:31)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-10-25 16:23:10)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-12-28 18:39:30)] [这消息被色眯眯的小疯狗编辑过(编辑时间2003-01-16 17:31:17)] [这消息被色眯眯的小疯狗编辑过(编辑时间2003-08-25 23:37:27)] [这消息被色眯眯的小疯狗编辑过(编辑时间2003-10-12 00:10:13)] [url=/bbs/NewsDetail.asp?id=454714]收藏贴[/url]
色眯眯的小疯狗 \| AHO \| 积分：8620 发贴：2303 来自：上海注册：2001-09-23	返回页首 \| 楼层：3 发表于 2002-04-24 17:47:02 资料邮件 QQ 悄悄话搜索引用举报不良信息十一、系统检测 [fifaworldcup] <html> <head> <meta http-equiv=Pragma content=no-cache> <meta http-equiv=Expires content=0> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> <title>Yahoo! Media Helper</title> </head> <body bgcolor=white onLoad="detect()"> <center> <font face=arial,helvetica style="font-size:12pt"> 检测媒体播放器版本... </font> <br> <table height=120 border=0> <tr valign=bottom><td><font face=arial,helvetica size=-2 style="font-size:9pt">Copyright ©2002 Yahoo! Inc. All Rights Reserved.</font></td></tr> </table> </center> <script language=JavaScript> var yp = false; var rp = false; var wmp = false; var qt = false; var flash = false; var os = "Windows"; var osv = "NT"; var browser = "MSIE"; var bversion = "6"; var java = "true"; var port554 = ""; var port1755 = ""; var ct = false; setTimeout("firewall()", 45000); </script> <span style="behavior:url(#default#clientCaps)" id="cc"></span> <!-- Yahoo! Player test for IE --> <object id="YPlayer" classid="CLSID:5622772D-6C27-11D3-95E5-006008D14F3B" style="" width="1" height="1"></object> <script language="VBScript"> function ypexists() on error resume next ypexists = (NOT IsNull(YPlayer.YPlayerVersion)) end function </script> <!-- Windows Media Player test for IE --> <object id="DrmStore" classid="CLSID:760C4B83-E211-11D2-BF3E-00805FBE84A6" width="1" height="1"></object> <object id="WMPlay" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="#Version=6,2,5,715" width="1" height="1"></object> <script LANGUAGE="VBScript"> function drmexists() on error resume next DrmStore.StoreLicense("") if (err.number = 0) then drmexists = true else drmexists = false end if end function </script> <!-- Real Player test for IE --> <object id="RealPlayer" classid="CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="1" height="1"></object> <SCRIPT LANGUAGE="VBScript"> function rpexists() on error resume next rpexists = (NOT IsNull(RealPlayer.SetSource(""))) end function </SCRIPT> <!-- QuickTime test for IE --> <SCRIPT LANGUAGE="VBScript"> function qtexists() on error resume next qtexists = (NOT IsNULL(CreateObject("QuickTimeCheckObject.QuickTimeCheck.1"))) end function </SCRIPT> <!-- Flash test for IE --> <SCRIPT LANGUAGE="VBScript"> function flashexists() on error resume next vTest = false Set FlashObject = CreateObject("ShockwaveFlash.ShockwaveFlash") vTest = (NOT IsNull(FlashObject.SetVariable("testName","testValue"))) if (vTest) then flashexists = "4.0" else flashexists = false end if end function </SCRIPT> <script language="JavaScript"> // // Check for Yahoo! Player // function YPlayerTest() { var v = cc.getComponentVersion("{5622772D-6C27-11D3-95E5-006008D14F3B}", "componentid"); if (v != "") { yp = v; return; } if (os != "Windows") yp = false; if (typeof(YPlayer) == "undefined") { yp = false; return; } if (!ypexists()) yp = false; else { yp = ""; var v = YPlayer.YPlayerVersion; var s = v.indexOf("Product="); var e = v.indexOf("File="); var vs = v.substring(s + 8, e - 1); var version = vs.split(", "); var i; for (i = 0; i < version.length; i++) { if (i != 0) yp += "."; yp += version[i]; } } } // // Check for RealPlayer // function RealMediaTest() { var v = cc.getComponentVersion("{CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA}", "componentid"); if (v != "") { var f = parseFloat(v); if (f >= 6.0) { rp = v; return; } } if (typeof(RealPlayer) == "undefined" \|\| !rpexists()) { rp = false; return; } if (typeof(RealPlayer.GetVersionInfo) == "undefined") rp = "6.0"; else rp = RealPlayer.GetVersionInfo(); } // // Check for Windows Media Player // function ignoreerror() { return true; } window.onerror = ignoreerror; function WindowsMediaTest() { // WM 7 var v = cc.getComponentVersion("{6BF52A52-394A-11D3-B153-00C04F79FAA6}", "componentid"); if (v == "") { // WM 6.4 v = cc.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}", "componentid"); } if (v != "") { wmp = ""; var version = v.split(","); var i; for (i = 0; i < version.length; i++) { if (i != 0) wmp += "."; wmp += version[i]; } return; } var hasDRM = false; var hasMP = false; if (typeof(DrmStore) != "undefined") hasDRM = drmexists(); if (typeof(WMPlay) != "undefined") hasMP = (WMPlay.FileName == ""); if (!hasMP) { wmp = false; return; } if (yp == false) { if (hasDRM == true) wmp = "6.4"; else wmp = "6.0" return; } wmp = ""; var v = YPlayer.MediaPlayerVersion; var s = v.indexOf("Product="); var e = v.indexOf("File="); var vs = v.substring(s + 8, e - 1); var version = vs.split(", "); var i; for (i = 0; i < version.length; i++) { if (i != 0) wmp += "."; wmp += version[i]; } } // // Check for the QuickTime // function QuickTimeTest() { v = cc.getComponentVersion("{DE4AF3B0-F4D4-11D3-B41A-0050DA2E6C21}", "componentid"); if (v != "") { qt = ""; var version = v.split(","); var i; for (i = 0; i < version.length; i++) { if (i != 0) qt += "."; qt += version[i]; } return; } qt = qtexists(); } // // Check for Flash // function FlashTest() { v = cc.getComponentVersion("{D27CDB6E-AE6D-11CF-96B8-444553540000}", "componentid"); if (v != "") { flash = ""; var version = v.split(","); var i; for (i = 0; i < version.length; i++) { if (i != 0) flash += "."; flash += version[i]; } return; } flash = flashexists(); } function detect() { YPlayerTest(); WindowsMediaTest(); RealMediaTest(); QuickTimeTest(); FlashTest(); // Get Connection Type ct = cc.connectionType; var check = "系统 : " + os+osv +"\n"+ "浏览器 : " + browser+bversion +"\n"+ "java : " + java +"\n"+ "Yahoo! Player : " + yp +"\n"+ "RealPlayer : " + rp +"\n"+ "Media Player : " + wmp +"\n"+ "QuickTime : " + qt +"\n"+ "Flash : " + flash +"\n"+ "接入方式 : " + ct alert(check) } </script> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十二、 IE色彩处理过程 [原创] <input id=test value='blueidea'><input type=button value=ok onclick=alert(colVal(test.value))> <script> function colVal(str) { var clen, cstr = rgbstr = "" // 将无效字符转成"0" str = str.replace(/[^0-9a-f]/g, "0") // 如果字符串不满3位或6位，字符串在后面补"0" while(str.length != 3 && str.length < 6) str += "0" // 将3位色彩值，转为6位色彩值 if (str.length == 3) str = str.replace(/(.)/g, "0$1") // 取表示RGB字符串的长度 clen = Math.ceil(str.length/3) // 如果RGB字符串长度大于2，进行去位处理 if (clen > 2) { for (var i=0; i<3; i++) { // 取得表示Red、Green 或 Blue的字符串 rgbstr = str.substr(iclen, clen) // 取RGB字符串的后8位的前2位 cstr += rgbstr.substr(clen-8, 2) } str = cstr } return str } </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十三、文本输入限制 [原创] <script> function regInput(obj, reg, inputStr) { var docSel = document.selection.createRange() if (docSel.parentElement().tagName != "INPUT") return false oSel = docSel.duplicate() oSel.text = "" var srcRange = obj.createTextRange() oSel.setEndPoint("StartToStart", srcRange) var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length) return reg.test(str) } </script> 小写英文：<xmp style= "display:inline"> </xmp> <input onkeypress = "return regInput(this, /^[a-z]$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^[a-z]$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^[a-z]$/, event.dataTransfer.getData('Text'))" style="ime-mode:Disabled" ><br> 大写英文：<xmp style= "display:inline"> </xmp> <input onkeypress = "return regInput(this, /^[A-Z]$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^[A-Z]$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^[A-Z]$/, event.dataTransfer.getData('Text'))" style="ime-mode:Disabled"> <br> 任意数字：<xmp style="display:inline"> </xmp> <input onkeypress = "return regInput(this, /^[0-9]$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^[0-9]$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^[0-9]$/, event.dataTransfer.getData('Text'))" style="ime-mode:Disabled" ><br> 限2位小数：<xmp style="display:inline"> </xmp> <input onkeypress = "return regInput(this, /^\d\.?\d{0,2}$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^\d\.?\d{0,2}$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^\d\.?\d{0,2}$/, event.dataTransfer.getData('Text'))" style="ime-mode:Disabled" > 如: 123.12<br> 日　期：<xmp style="display:inline"> </xmp> <input onkeypress = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^\d{1,4}([-\/](\d{1,2}([-\/](\d{1,2})?)?)?)?$/, event.dataTransfer.getData('Text'))" style="ime-mode:Disabled" > 如: 2002-9-29<br> 任意中文：<xmp style="display:inline"> </xmp> <input onkeypress = "return regInput(this, /^$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^[\u4E00-\u9FA5]$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^[\u4E00-\u9FA5]$/, event.dataTransfer.getData('Text'))" ><br> 部分英文：<xmp style="display:inline"> </xmp> <input onkeypress = "return regInput(this, /^[a-e]$/, String.fromCharCode(event.keyCode))" onpaste = "return regInput(this, /^[a-e]$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^[a-e]$/, event.dataTransfer.getData('Text'))" style="ime-mode:Disabled" > 范围: a,b,c,d,e<br> 部分中文：<xmp style="display:inline"> </xmp> <script language=javascript> function checkChinese(oldLength, obj) { var oTR = window.document.selection.createRange() var reg = /[^一二三四五六七八九十]/g oTR.moveStart("character", -1(obj.value.length-oldLength)) oTR.text = oTR.text.replace(reg, "") } </script> <input onkeypress="return false" onkeydown="setTimeout('checkChinese('+this.value.length+','+this.uniqueID+')', 1)" onpaste = "return regInput(this, /^[一二三四五六七八九十]$/, window.clipboardData.getData('Text'))" ondrop = "return regInput(this, /^[一二三四五六七八九十]$/, event.dataTransfer.getData('Text'))" > 范围: 一二三四五六七八九十<br> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十四、 textarea 实现 maxlength [msdn+修正中文输入bug] <textarea rows="4" cols="30" id=test onkeypress=doKeypress() onkeydown=doKeydown() onbeforepaste=doBeforePaste() onpaste=doPaste() ></textarea> <script language=javascript> maxLength = 20 element=document.all["test"] function doKeypress() { if(!isNaN(maxLength)) { maxLength = parseInt(maxLength) var oTR = element.document.selection.createRange() if(oTR.text.length >= 1) event.returnValue = true else if(element.value.length > maxLength-1) event.returnValue = false } } function doKeydown() { setTimeout(function() { maxLength = parseInt(maxLength) if(!isNaN(maxLength)) { if(element.value.length > maxLength-1) { var oTR = window.document.selection.createRange() oTR.moveStart("character", -1(element.value.length-maxLength)) oTR.text = "" } } },1) } function doBeforePaste() { if(!isNaN(maxLength)) event.returnValue = false } function doPaste() { if(!isNaN(maxLength)) { event.returnValue = false maxLength = parseInt(maxLength) var oTR = element.document.selection.createRange() var iInsertLength = maxLength - element.value.length + oTR.text.length var sData = window.clipboardData.getData("Text").substr(0, iInsertLength) oTR.text = sData; } } </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十五、端口检测 <img src="www.xxx.com:端口/imageName.jpg" onload="alert('端口可用')" onerror="alert('端口禁止')"...> 十六、跨域访问 <body> <script language="JScript"> var xmlUrl=new ActiveXObject("Microsoft.XMLHTTP"); xmlUrl.Open("GET","http://www.style.com"); xmlUrl.setrequestheader("content-type","application/x-www-form-urlencoded"); xmlUrl.Send() function go(){ var tmp try { tmp=xmlUrl.responseText } catch(e) { } tmp ? document.write(tmp) : setTimeout("go()",1) } </script> <input type="button" value="获取" onclick="go()"> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十七、正则处理超文本流 <textarea id=html_string style="width=100%" rows=8> <input type='text' value = 's>om " ething' name=names asdf=asdf> </input>><input value=a>a name=aa><input name=bb value=bb> <input name=cc value=cc> </textarea><br><br> <script> var re = new Array() re[re.length] = Array("单标记　　　", /<(\w+)[^"']?((["'])?[^\3]?\3[^"']?)+>/ig) re[re.length] = Array("属性(带引号)", /\w+\s=\s(["'])[^\1]?\1/ig) re[re.length] = Array("属性(没引号)", /\w+\s=\s\w+/gi) //alert(re.exec(ss)) for (var i=0; i<re.length; i++) { document.write("<input type=radio name=re value="+i+">"+re[i][0]+" <input id=reValue size=100 type=text>　") document.write("<button onclick='re["+i+"][1]=document.all.reValue["+i+"].value'>保存</button>") document.write("<button onclick='document.all.reValue["+i+"].value=re["+i+"][1]'>恢复</button><br>") document.all.reValue.length ? document.all.reValue[document.all.reValue.length-1].value = re[i][1] : document.all.reValue.value = re[i][1] } document.all.re[0].checked = true function matchTest() { var ss = html_string.innerText var re for (var i=0; i<document.all.re.length; i++) if(document.all.re[i].checked) break re = eval(document.all.reValue[i].value) rx = re.exec(ss) testArea.innerHTML = "" for (var i=1; i<9; i++) testArea.innerHTML += " RegExp$"+i+"="+eval("RegExp.$"+i)+"　" rv = ss.match(re) for (var i=0; rv && i<rv.length; i++) { testArea.innerHTML += "<xmp style='background:#EEEEEE; padding:5px'>"+rv[i]+"</xmp>" } } </script> <br> <button onclick=matchTest()>测试</button> <div id=testArea></div> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十八、拼音处理 <script language=javascript> var spell = {0xB0A1:"a", 0xB0A3:"ai", 0xB0B0:"an", 0xB0B9:"ang", 0xB0BC:"ao", 0xB0C5:"ba", 0xB0D7:"bai", 0xB0DF:"ban", 0xB0EE:"bang", 0xB0FA:"bao", 0xB1AD:"bei", 0xB1BC:"ben", 0xB1C0:"beng", 0xB1C6:"bi", 0xB1DE:"bian", 0xB1EA:"biao", 0xB1EE:"bie", 0xB1F2:"bin", 0xB1F8:"bing", 0xB2A3:"bo", 0xB2B8:"bu", 0xB2C1:"ca", 0xB2C2:"cai", 0xB2CD:"can", 0xB2D4:"cang", 0xB2D9:"cao", 0xB2DE:"ce", 0xB2E3:"ceng", 0xB2E5:"cha", 0xB2F0:"chai", 0xB2F3:"chan", 0xB2FD:"chang", 0xB3AC:"chao", 0xB3B5:"che", 0xB3BB:"chen", 0xB3C5:"cheng", 0xB3D4:"chi", 0xB3E4:"chong", 0xB3E9:"chou", 0xB3F5:"chu", 0xB4A7:"chuai", 0xB4A8:"chuan", 0xB4AF:"chuang", 0xB4B5:"chui", 0xB4BA:"chun", 0xB4C1:"chuo", 0xB4C3:"ci", 0xB4CF:"cong", 0xB4D5:"cou", 0xB4D6:"cu", 0xB4DA:"cuan", 0xB4DD:"cui", 0xB4E5:"cun", 0xB4E8:"cuo", 0xB4EE:"da", 0xB4F4:"dai", 0xB5A2:"dan", 0xB5B1:"dang", 0xB5B6:"dao", 0xB5C2:"de", 0xB5C5:"deng", 0xB5CC:"di", 0xB5DF:"dian", 0xB5EF:"diao", 0xB5F8:"die", 0xB6A1:"ding", 0xB6AA:"diu", 0xB6AB:"dong", 0xB6B5:"dou", 0xB6BC:"du", 0xB6CB:"duan", 0xB6D1:"dui", 0xB6D5:"dun", 0xB6DE:"duo", 0xB6EA:"e", 0xB6F7:"en", 0xB6F8:"er", 0xB7A2:"fa", 0xB7AA:"fan", 0xB7BB:"fang", 0xB7C6:"fei", 0xB7D2:"fen", 0xB7E1:"feng", 0xB7F0:"fo", 0xB7F1:"fou", 0xB7F2:"fu", 0xB8C1:"ga", 0xB8C3:"gai", 0xB8C9:"gan", 0xB8D4:"gang", 0xB8DD:"gao", 0xB8E7:"ge", 0xB8F8:"gei", 0xB8F9:"gen", 0xB8FB:"geng", 0xB9A4:"gong", 0xB9B3:"gou", 0xB9BC:"gu", 0xB9CE:"gua", 0xB9D4:"guai", 0xB9D7:"guan", 0xB9E2:"guang", 0xB9E5:"gui", 0xB9F5:"gun", 0xB9F8:"guo", 0xB9FE:"ha", 0xBAA1:"hai", 0xBAA8:"han", 0xBABB:"hang", 0xBABE:"hao", 0xBAC7:"he", 0xBAD9:"hei", 0xBADB:"hen", 0xBADF:"heng", 0xBAE4:"hong", 0xBAED:"hou", 0xBAF4:"hu", 0xBBA8:"hua", 0xBBB1:"huai", 0xBBB6:"huan", 0xBBC4:"huang", 0xBBD2:"hui", 0xBBE7:"hun", 0xBBED:"huo", 0xBBF7:"ji", 0xBCCE:"jia", 0xBCDF:"jian", 0xBDA9:"jiang", 0xBDB6:"jiao", 0xBDD2:"jie", 0xBDED:"jin", 0xBEA3:"jing", 0xBEBC:"jiong", 0xBEBE:"jiu", 0xBECF:"ju", 0xBEE8:"juan", 0xBEEF:"jue", 0xBEF9:"jun", 0xBFA6:"ka", 0xBFAA:"kai", 0xBFAF:"kan", 0xBFB5:"kang", 0xBFBC:"kao", 0xBFC0:"ke", 0xBFCF:"ken", 0xBFD3:"keng", 0xBFD5:"kong", 0xBFD9:"kou", 0xBFDD:"ku", 0xBFE4:"kua", 0xBFE9:"kuai", 0xBFED:"kuan", 0xBFEF:"kuang", 0xBFF7:"kui", 0xC0A4:"kun", 0xC0A8:"kuo", 0xC0AC:"la", 0xC0B3:"lai", 0xC0B6:"lan", 0xC0C5:"lang", 0xC0CC:"lao", 0xC0D5:"le", 0xC0D7:"lei", 0xC0E2:"leng", 0xC0E5:"li", 0xC1A9:"lia", 0xC1AA:"lian", 0xC1B8:"liang", 0xC1C3:"liao", 0xC1D0:"lie", 0xC1D5:"lin", 0xC1E1:"ling", 0xC1EF:"liu", 0xC1FA:"long", 0xC2A5:"lou", 0xC2AB:"lu", 0xC2BF:"lv", 0xC2CD:"luan", 0xC2D3:"lue", 0xC2D5:"lun", 0xC2DC:"luo", 0xC2E8:"ma", 0xC2F1:"mai", 0xC2F7:"man", 0xC3A2:"mang", 0xC3A8:"mao", 0xC3B4:"me", 0xC3B5:"mei", 0xC3C5:"men", 0xC3C8:"meng", 0xC3D0:"mi", 0xC3DE:"mian", 0xC3E7:"miao", 0xC3EF:"mie", 0xC3F1:"min", 0xC3F7:"ming", 0xC3FD:"miu", 0xC3FE:"mo", 0xC4B1:"mou", 0xC4B4:"mu", 0xC4C3:"na", 0xC4CA:"nai", 0xC4CF:"nan", 0xC4D2:"nang", 0xC4D3:"nao", 0xC4D8:"ne", 0xC4D9:"nei", 0xC4DB:"nen", 0xC4DC:"neng", 0xC4DD:"ni", 0xC4E8:"nian", 0xC4EF:"niang", 0xC4F1:"niao", 0xC4F3:"nie", 0xC4FA:"nin", 0xC4FB:"ning", 0xC5A3:"niu", 0xC5A7:"nong", 0xC5AB:"nu", 0xC5AE:"nv", 0xC5AF:"nuan", 0xC5B0:"nue", 0xC5B2:"nuo", 0xC5B6:"o", 0xC5B7:"ou", 0xC5BE:"pa", 0xC5C4:"pai", 0xC5CA:"pan", 0xC5D2:"pang", 0xC5D7:"pao", 0xC5DE:"pei", 0xC5E7:"pen", 0xC5E9:"peng", 0xC5F7:"pi", 0xC6AA:"pian", 0xC6AE:"piao", 0xC6B2:"pie", 0xC6B4:"pin", 0xC6B9:"ping", 0xC6C2:"po", 0xC6CB:"pu", 0xC6DA:"qi", 0xC6FE:"qia", 0xC7A3:"qian", 0xC7B9:"qiang", 0xC7C1:"qiao", 0xC7D0:"qie", 0xC7D5:"qin", 0xC7E0:"qing", 0xC7ED:"qiong", 0xC7EF:"qiu", 0xC7F7:"qu", 0xC8A6:"quan", 0xC8B1:"que", 0xC8B9:"qun", 0xC8BB:"ran", 0xC8BF:"rang", 0xC8C4:"rao", 0xC8C7:"re", 0xC8C9:"ren", 0xC8D3:"reng", 0xC8D5:"ri", 0xC8D6:"rong", 0xC8E0:"rou", 0xC8E3:"ru", 0xC8ED:"ruan", 0xC8EF:"rui", 0xC8F2:"run", 0xC8F4:"ruo", 0xC8F6:"sa", 0xC8F9:"sai", 0xC8FD:"san", 0xC9A3:"sang", 0xC9A6:"sao", 0xC9AA:"se", 0xC9AD:"sen", 0xC9AE:"seng", 0xC9AF:"sha", 0xC9B8:"shai", 0xC9BA:"shan", 0xC9CA:"shang", 0xC9D2:"shao", 0xC9DD:"she", 0xC9E9:"shen", 0xC9F9:"sheng", 0xCAA6:"shi", 0xCAD5:"shou", 0xCADF:"shu", 0xCBA2:"shua", 0xCBA4:"shuai", 0xCBA8:"shuan", 0xCBAA:"shuang", 0xCBAD:"shui", 0xCBB1:"shun", 0xCBB5:"shuo", 0xCBB9:"si", 0xCBC9:"song", 0xCBD1:"sou", 0xCBD4:"su", 0xCBE1:"suan", 0xCBE4:"sui", 0xCBEF:"sun", 0xCBF2:"suo", 0xCBFA:"ta", 0xCCA5:"tai", 0xCCAE:"tan", 0xCCC0:"tang", 0xCCCD:"tao", 0xCCD8:"te", 0xCCD9:"teng", 0xCCDD:"ti", 0xCCEC:"tian", 0xCCF4:"tiao", 0xCCF9:"tie", 0xCCFC:"ting", 0xCDA8:"tong", 0xCDB5:"tou", 0xCDB9:"tu", 0xCDC4:"tuan", 0xCDC6:"tui", 0xCDCC:"tun", 0xCDCF:"tuo", 0xCDDA:"wa", 0xCDE1:"wai", 0xCDE3:"wan", 0xCDF4:"wang", 0xCDFE:"wei", 0xCEC1:"wen", 0xCECB:"weng", 0xCECE:"wo", 0xCED7:"wu", 0xCEF4:"xi", 0xCFB9:"xia", 0xCFC6:"xian", 0xCFE0:"xiang", 0xCFF4:"xiao", 0xD0A8:"xie", 0xD0BD:"xin", 0xD0C7:"xing", 0xD0D6:"xiong", 0xD0DD:"xiu", 0xD0E6:"xu", 0xD0F9:"xuan", 0xD1A5:"xue", 0xD1AB:"xun", 0xD1B9:"ya", 0xD1C9:"yan", 0xD1EA:"yang", 0xD1FB:"yao", 0xD2AC:"ye", 0xD2BB:"yi", 0xD2F0:"yin", 0xD3A2:"ying", 0xD3B4:"yo", 0xD3B5:"yong", 0xD3C4:"you", 0xD3D9:"yu", 0xD4A7:"yuan", 0xD4BB:"yue", 0xD4C5:"yun", 0xD4D1:"za", 0xD4D4:"zai", 0xD4DB:"zan", 0xD4DF:"zang", 0xD4E2:"zao", 0xD4F0:"ze", 0xD4F4:"zei", 0xD4F5:"zen", 0xD4F6:"zeng", 0xD4FA:"zha", 0xD5AA:"zhai", 0xD5B0:"zhan", 0xD5C1:"zhang", 0xD5D0:"zhao", 0xD5DA:"zhe", 0xD5E4:"zhen", 0xD5F4:"zheng", 0xD6A5:"zhi", 0xD6D0:"zhong", 0xD6DB:"zhou", 0xD6E9:"zhu", 0xD7A5:"zhua", 0xD7A7:"zhuai", 0xD7A8:"zhuan", 0xD7AE:"zhuang", 0xD7B5:"zhui", 0xD7BB:"zhun", 0xD7BD:"zhuo", 0xD7C8:"zi", 0xD7D7:"zong", 0xD7DE:"zou", 0xD7E2:"zu", 0xD7EA:"zuan", 0xD7EC:"zui", 0xD7F0:"zun", 0xD7F2:"zuo"} var spellArray = new Array() var pn = "" /for (var i=0xB0A1; i<0xD7FC; i++) { if (spell[i]) pn = spell[i] execScript("char=chr(\""+i+"\")", "vbscript") spellArray[char.charCodeAt(0)] = pn }/ function pinyin(char) { if (!char.charCodeAt(0) \|\|char.charCodeAt(0) < 1328) return "" if (spellArray[char.charCodeAt(0)]) return spellArray[char.charCodeAt(0)] execScript("ascCode=hex(asc(\""+char+"\"))", "vbscript") ascCode = eval("0x"+ascCode) if (!(ascCode>0xB0A0 && ascCode<0xD7FC)) return "" for (var i=ascCode; (!spell[i] && i>0);) i-- return spell[i] } function toPinyin(str) { var pStr = "" for (var i=0; i<str.length; i++) { if (str.charAt(i) == "\n") pStr += "<br>" else pStr += "<ruby style='ruby-align:center'> "+str.charAt(i) + " <rt>"+pinyin(str.charAt(i)) + "</rt></ruby>" //else pStr += pinyin(str.charAt(i)) + " " } return pStr } function pinyinSort(a, b) { var rValue = 0 for (var i=0; i<a.length; i++) { var pinA = pinyin(a.charAt(i)) var pinB = pinyin(b.charAt(i)) if (rValue = pinA > pinB ? 1 : pinA < pinB ? -1 : 0) break } return rValue } </script> <textarea id=kevin cols=100 rows=10>小狗收藏贴</textarea><br> <button onclick="test.innerHTML = toPinyin(kevin.innerText)">转换</button> <button onclick="test.innerHTML = kevin.innerText.split('').sort(pinyinSort).join('')">排序</button> <div id=test style="font-size:16px;"></div> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 十九、 Choose Font Sample <HTML> <HEAD> <TITLE>Choose Font Sample</TITLE> <SCRIPT> function fnInit(){ for (i=0; i<document.all.length; i++) document.all(i).unselectable = "on"; oDiv.unselectable = "off"; getSystemFonts(); } function getSystemFonts() { var a=dlgHelper.fonts.count; var fArray = new Array(); var oOption = document.createElement("OPTION"); oOption.text = "Choose a Font"; oOption.value = "0"; oSelect.add(oOption); for (i = 1;i < dlgHelper.fonts.count;i++) { fArray[i] = dlgHelper.fonts(i); var oOption = document.createElement("OPTION"); oOption.text = fArray[i]; oOption.Value = i; oSelect.add(oOption); } } function ChangeFont(){ var sSelection = oSelect.options[oSelect.selectedIndex].text; document.execCommand("FontName",false,sSelection); } </SCRIPT> </HEAD> <BODY onload="fnInit();"> <H1>Choose Font Sample</H1> <DIV CLASS="desbar"> <DIV STYLE="background-color:#eeeeee; border:2px solid #cccccc; padding:10px"> <SELECT id="oSelect" onchange="ChangeFont()"> </SELECT> <br> <br> <DIV id=oDiv CONTENTEDITABLE ALIGN=left STYLE="height:100; background-color:white; font-family:Arial; font-size:15pt; padding:10; border:2px inset #eeeeee; overflow:auto;"> Select this text and choose a font from the drop down above. </DIV> </DIV> <br> <br> <!--Create the Dialog Helper Object--> <OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT> </body> </html> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 二十、色彩模式函数 function HextoRGB(hex) { hex = hex.toUpperCase(); if(hex.charAt(0) == "#") hex = hex.substring(1,hex.length); var rgb = new Array(3); rgb.r = hex.substring(0,2); rgb.g = hex.substring(2,4); rgb.b = hex.substring(4,6); rgb.r = parseInt(rgb.r,16); rgb.g = parseInt(rgb.g,16); rgb.b = parseInt(rgb.b,16); if(isNaN(rgb.r)) rgb.r = 0; if(isNaN(rgb.g)) rgb.g = 0; if(isNaN(rgb.b)) rgb.b = 0; return rgb; } function RGBtoHex(R, G, B) { var n = Math.round(B); n += Math.round(G) << 8; n += Math.round(R) << 16; return DectoHex(n); } // turns decimal integer (e.g., bgColor) into hexadecimal string function DectoHex(num) { var i = 0; var j = 20; var str = "#"; while(j >= 0) { i = (num >> j)%16; if(i >= 10) { if(i == 10) str += "A"; else if(i == 11) str += "B"; else if(i == 12) str += "C"; else if(i == 13) str += "D"; else if(i == 14) str += "E"; else str += "F"; } else str += i; j -= 4; } return str; } function MIN() { var min = 255; for(var i = 0; i < arguments.length; i++) if(arguments[i] < min) min = arguments[i]; return min; } function MAX() { var max = 0; for(var i = 0; i < arguments.length; i++) if(arguments[i] > max) max = arguments[i]; return max; } function RGBtoCMYK(r,g,b) { // doesn't distort! not really usable... r /= 255; g /= 255; b /= 255; var cmyk = new Array(4); cmyk.c = Math.pow(1-r,.45); cmyk.m = Math.pow(1-g,.45); cmyk.y = Math.pow(1-b,.45); cmyk.k = MIN(cmyk.c,cmyk.y,cmyk.m); cmyk.c -= cmyk.k; cmyk.m -= cmyk.k; cmyk.y -= cmyk.k; return cmyk; } function RGBtoHSV(r,g,b) { r /= 255; g /= 255; b /= 255; var min, max, delta; var hsv = new Array(3); min = MIN(r,g,b); max = MAX(r,g,b); hsv.v = max; delta = max - min; if (max != 0) hsv.s = delta/max; else { hsv.s = .005; hsv.h = 0; return hsv; } if(delta == 0) { hsv.s = .005; hsv.h = 0; return hsv; } if (r == max) hsv.h = (g-b)/delta; else if(g == max) hsv.h = 2+(b-r)/delta; else hsv.h = 4+(r-g)/delta; hsv.h = 60; if(hsv.h<0) hsv.h += 360; if(hsv.h>=360) hsv.h -= 360; return hsv; } function HSVtoRGB(h,s,v) { var rgb = new Array(3); var i; var f, p, q, t; if(s == 0) { rgb.r = rgb.g = rgb.b = v255; return rgb; } h /= 60; i = Math.floor(h); f = h-i; p = v(1-s); q = v(1-sf); t = v(1-s(1-f)); switch(i) { case 0: rgb.r = v; rgb.g = t; rgb.b = p; break; case 1: rgb.r = q; rgb.g = v; rgb.b = p; break; case 2: rgb.r = p; rgb.g = v; rgb.b = t; break; case 3: rgb.r = p; rgb.g = q; rgb.b = v; break; case 4: rgb.r = t; rgb.g = p; rgb.b = v; break; default: rgb.r = v; rgb.g = p; rgb.b = q; break; } rgb.r = 255; rgb.g = 255; rgb.b = 255; return rgb; } function RGBtoHLS(R,G,B) { R /= 255; G /= 255; B /= 255; var max, min,diff,r_dist,g_dist,b_dist; var hls = new Array(3); max = MAX(R,G,B); min = MIN(R,G,B); diff = max-min; hls.l = (max+min)/2; if (diff==0) { hls.h = 0; hls.s = 0; } else { if (hls.l<0.5) hls.s = diff/(max+min); else hls.s = diff/(2-max-min); r_dist = (max-R)/diff; g_dist = (max-G)/diff; b_dist = (max-B)/diff; if (R == max) { hls.h = b_dist-g_dist; } else if (G == max) { hls.h = 2+r_dist-b_dist; } else if (B == max) { hls.h = 4+g_dist-r_dist; } hls.h = 60; if (hls.h<0) hls.h += 360; if (hls.h>=360) hls.h -= 360; } return hls; } function RGB(q1,q2,hue) { if (hue>360) hue=hue-360; if (hue<0) hue=hue+360; if (hue<60) return (q1+(q2-q1)hue/60); else if (hue<180) return(q2); else if (hue<240) return(q1+(q2-q1)(240-hue)/60); else return(q1); } function HLStoRGB(H,L,S) { var p1,p2; var rgb = new Array(3); if (L<=0.5) p2=L(1+S); else p2=L+S-(LS); p1=2L-p2; if (S==0) { rgb.r=L; rgb.g=L; rgb.b=L; } else { rgb.r=RGB(p1,p2,H+120); rgb.g=RGB(p1,p2,H); rgb.b=RGB(p1,p2,H-120); } rgb.r = 255; rgb.g = 255; rgb.b *= 255; return rgb; } [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-06-20 12:00:22)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-06-20 12:00:59)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 17:44:38)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 17:57:00)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 18:12:33)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 18:13:19)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 18:23:30)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 18:24:16)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-07-30 20:18:18)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-24 20:29:11)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-24 20:31:15)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-24 20:32:16)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-24 20:37:00)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-29 19:04:32)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-29 19:54:20)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-29 20:20:13)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-09-29 20:33:00)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-17 21:30:02)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-18 12:45:20)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-18 12:49:49)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-11-18 12:52:39)] [这消息被色眯眯的小疯狗编辑过(编辑时间2002-12-14 18:27:18)] [url=/bbs/NewsDetail.asp?id=454714]收藏贴[/url]
色眯眯的小疯狗 \| AHO \| 积分：8620 发贴：2303 来自：上海注册：2001-09-23	返回页首 \| 楼层：4 发表于 2002-04-24 17:47:57 资料邮件 QQ 悄悄话搜索引用举报不良信息二十一、正则匹配处理 (研究中) <script> var str="((D()ocum(en)ts and Set)ti)ngs" for (var i=0; str.match(/$[^()]$/g); i++) str=str.replace(/$([^()])$/g, "<"+i+">$1<\/"+i+">") if(str.match(/[()]/)) alert("括号不匹配") else alert(str) </script> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 二十二、checkbox树型选择 <script language="JavaScript" for=c event=onclick> if (event.srcElement.checkmain != undefined) for(var i=1;i<f1.c.length;i++) f1.c[i].checked = f1.c[0].checked else { var tmp = true, tmp1 = false for(var i=1;i<f1.c.length;i++) tmp &= f1.c[i].checked, tmp1 \|= f1.c[i].checked f1.c[0].checked = tmp f1.c[0].indeterminate = !tmp & tmp1 } </script> <form name="f1"> <input type="checkbox" name="c" checkmain> <input type="checkbox" name="c"> <input type="checkbox" name="c"> </form> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 二十三、日期选择菜单 <script> now = new Date() function writeYears(obj, date) { var years = date.getYear()+10 for (var i=date.getYear(); i<years; i++) { var opt = document.createElement("option") opt.text = opt.value = i obj.add(opt) } } function writeMonths(obj) { for (var i=1; i<13; i++) { var opt = document.createElement("option") opt.text = opt.value = Math.floor(i/10) ? i : "0"+i obj.add(opt) } } function writeDate(obj, year, month) { var date = new Date(""+year+"/"+(parseInt(month)+1)+"/"+0).getDate() var selectedIndex = (date-1)<obj.selectedIndex ? (date-1) : obj.selectedIndex var len = obj.options.length if (date>len) for (var i=len+1; i<=date; i++) { var opt = document.createElement("option") opt.text = opt.value = Math.floor(i/10) ? i : "0"+i obj.add(opt) } else for (var i=date; i<len; i++) { obj.remove(obj.length-1) } obj.selectedIndex = selectedIndex } function changeDate() { var year = eval("document.forms[0].year") var month = eval("document.forms[0].month") var date = eval("document.forms[0].date") writeDate(date, year.options(year.selectedIndex).value, month.options(month.selectedIndex).value) } </script> <form> <select name="year" onchange="changeDate()"> </select> 年 <select name="month" onchange="changeDate()"> </select> 月 <select name="date"> </select> 日 </nobr></td> <script language="javascript" type="text/javascript"> writeYears(document.forms[0].year, now) document.forms[0].year.selectedIndex = 0 writeMonths(document.forms[0].month) document.forms[0].month.selectedIndex = now.getMonth() writeDate(document.forms[0].date, now.getYear(), now.getMonth()+1) document.forms[0].date.selectedIndex = now.getDate()-1 </script> </form> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行] 二十四、大小写金额转换 <script> function regInput(reg) { var srcElem = event.srcElement var oSel = document.selection.createRange() oSel = oSel.duplicate() oSel.text = "" var srcRange = srcElem.createTextRange() oSel.setEndPoint("StartToStart", srcRange) var num = oSel.text + String.fromCharCode(event.keyCode) + srcRange.text.substr(oSel.text.length) event.returnValue = reg.test(num) } function chineseNumber(num) { if (isNaN(num) \|\| num > Math.pow(10, 12)) return "" var cn = "零壹贰叁肆伍陆柒捌玖" var unit = new Array("拾佰仟", "分角") var unit1= new Array("万亿", "") var numArray = num.toString().split(".") var start = new Array(numArray[0].length-1, 2) function toChinese(num, index) { var num = num.replace(/\d/g, function ($1) { return cn.charAt($1)+unit[index].charAt(start--%4 ? start%4 : -1) }) return num } for (var i=0; i<numArray.length; i++) { var tmp = "" for (var j=0; j4<numArray[i].length; j++) { var strIndex = numArray[i].length-(j+1)4 var str = numArray[i].substring(strIndex, strIndex+4) var start = i ? 2 : str.length-1 var tmp1 = toChinese(str, i) tmp1 = tmp1.replace(/(零.)+/g, "零").replace(/零+$/, "") tmp1 = tmp1.replace(/^壹拾/, "拾") tmp = (tmp1+unit1[i].charAt(j-1)) + tmp } numArray[i] = tmp } numArray[1] = numArray[1] ? numArray[1] : "" numArray[0] = numArray[0] ? numArray[0]+"圆" : numArray[0], numArray[1] = numArray[1].replace(/^零+/, "") numArray[1] = numArray[1].match(/分/)