js各种事件

淡淡的烟草味﹌ 2024-02-19 18:17 28阅读 0赞

layer.style.left = event.x+document.body.scrollLeft+10; document.all.hint\_layer.style.top = event.y+document.body.scrollTop+10;//

158.向下拉框指定位置添加项目 var op = document.createElement("OPTION"); document.all.selected\_items.children(index).insertAdjacentElement("BeforeBegin",op); op.text = document.all.all\_items\[i\].text; op.value = document.all.all\_items\[i\].value;//

159.判断一个窗口是否已经打开，如果已经打开，则关闭之 var a; if(a) a.close(); else a=window.open('','','');//

160.动态创建一个标签 newElem = document.createElement("DIV"); newElem.id = "hint\_layer"; document.body.appendChild(newElem); document.all.hint\_layer.innerText="guoguo";//

161.标题栏 document.title//

162.背景图片 <body style="BACKGROUND-ATTACHMENT: fixed" background="img/bgfix.gif" ></body>//背景图片不动

<STYLE TYPE="text/css">  </STYLE>//背景图片居中

163.设置透明效果 document.form.xxx.filters.alpha.opacity=0～100//

164.定义方法 var dragapproved=false; document.οnmοuseup=new Function("dragapproved = false");// 165.将数字转化为人民币大写形式 function convertCurrency(currencyDigits) \{ // Constants: var MAXIMUM\_NUMBER = 99999999999.99; // Predefine the radix characters and currency symbols for output: var CN\_ZERO = "零"; var CN\_ONE = "壹"; var CN\_TWO = "贰"; var CN\_THREE = "叁"; var CN\_FOUR = "肆"; var CN\_FIVE = "伍"; var CN\_SIX = "陆"; var CN\_SEVEN = "柒"; var CN\_EIGHT = "捌"; var CN\_NINE = "玖"; var CN\_TEN = "拾"; var CN\_HUNDRED = "佰"; var CN\_THOUSAND = "仟"; var CN\_TEN\_THOUSAND = "万"; var CN\_HUNDRED\_MILLION = "亿"; var CN\_SYMBOL = "人民币"; var CN\_DOLLAR = "元"; var CN\_TEN\_CENT = "角"; var CN\_CENT = "分"; var CN\_INTEGER = "整"; // Variables: var integral; // Represent integral part of digit number. var decimal; // Represent decimal part of digit number. var outputCharacters; // The output result. var parts; var digits, radices, bigRadices, decimals; var zeroCount; var i, p, d; var quotient, modulus; // Validate input string: currencyDigits = currencyDigits.toString(); if (currencyDigits == "") \{ alert("Empty input!"); return ""; \} if (currencyDigits.match(/\[^,.\\d\]/) != null) \{ alert("Invalid characters in the input string!"); return ""; \} if ((currencyDigits).match(/^((\\d\{1,3\}(,\\d\{3\})\*(.((\\d\{3\},)\*\\d\{1,3\}))?)|(\\d+(.\\d+)?))$/) == null) \{ alert("Illegal format of digit number!"); return ""; \} // Normalize the format of input digits: currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters. currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning. // Assert the number is not greater than the maximum number. if (Number(currencyDigits) > MAXIMUM\_NUMBER) \{ alert("Too large a number to convert!"); return ""; \} // Process the coversion from currency digits to characters: // Separate integral and decimal parts before processing coversion: parts = currencyDigits.split("."); if (parts.length > 1) \{ integral = parts\[0\]; decimal = parts\[1\]; // Cut down redundant decimal digits that are after the second. decimal = decimal.substr(0, 2); \} else \{ integral = parts\[0\]; decimal = ""; \} // Prepare the characters corresponding to the digits: digits = new Array(CN\_ZERO, CN\_ONE, CN\_TWO, CN\_THREE, CN\_FOUR, CN\_FIVE, CN\_SIX, CN\_SEVEN, CN\_EIGHT,

CN\_NINE); radices = new Array("", CN\_TEN, CN\_HUNDRED, CN\_THOUSAND); bigRadices = new Array("", CN\_TEN\_THOUSAND, CN\_HUNDRED\_MILLION); decimals = new Array(CN\_TEN\_CENT, CN\_CENT); // Start processing: outputCharacters = ""; // Process integral part if it is larger than 0: if (Number(integral) > 0) \{ zeroCount = 0; for (i = 0; i < integral.length; i++) \{ p = integral.length - i - 1; d = integral.substr(i, 1); quotient = p / 4; modulus = p % 4; if (d == "0") \{ zeroCount++; \} else \{ if (zeroCount > 0) \{ outputCharacters += digits\[0\]; \} zeroCount = 0; outputCharacters += digits\[Number(d)\] + radices\[modulus\]; \} if (modulus == 0 && zeroCount < 4) \{ outputCharacters += bigRadices\[quotient\]; \} \} outputCharacters += CN\_DOLLAR; \} // Process decimal part if there is: if (decimal != "") \{ for (i = 0; i < decimal.length; i++) \{ d = decimal.substr(i, 1); if (d != "0") \{ outputCharacters += digits\[Number(d)\] + decimals\[i\]; \} \} \} // Confirm and return the final output string: if (outputCharacters == "") \{ outputCharacters = CN\_ZERO + CN\_DOLLAR; \} if (decimal == "") \{ outputCharacters += CN\_INTEGER; \} outputCharacters = CN\_SYMBOL + outputCharacters; return outputCharacters; \}//

166.xml数据岛绑定表格 <html> <body> <xml id="abc" src="test.xml"></xml> <table border='1' datasrc='\#abc'> <thead> <td>接收人</td> <td>发送人</td> <td>主题</td> <td>内容</td> </thead> <tfoot> <tr><th>表格的结束</th></tr> </tfoot> <tr> <td><div datafld="to"></div></td> <td><div datafld="from"></div></td> <td><div datafld="subject"></div></td> <td><div datafld="content"></div></td> </tr> </table> </body> </html>

//cd\_catalog.xml <?xml version="1.0" encoding="ISO-8859-1" ?>  <CATALOG> <CD> <TITLE>Empire Burlesque</TITLE> <ARTIST>Bob Dylan</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>Columbia</COMPANY> <PRICE>10.90</PRICE> <YEAR>1985</YEAR> </CD> <CD> <TITLE>Hide your heart</TITLE> <ARTIST>Bonnie Tyler</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>CBS Records</COMPANY> <PRICE>9.90</PRICE> <YEAR>1988</YEAR> </CD> <CD> <TITLE>Greatest Hits</TITLE> <ARTIST>Dolly Parton</ARTIST> <COUNTRY>USA</COUNTRY> <COMPANY>RCA</COMPANY> <PRICE>9.90</PRICE> <YEAR>1982</YEAR> </CD> <CD> <TITLE>Still got the blues</TITLE> <ARTIST>Gary Moore</ARTIST> <COUNTRY>UK</COUNTRY> <COMPANY>Virgin records</COMPANY> <PRICE>10.20</PRICE> <YEAR>1990</YEAR> </CD> </CATALOG> //

167.以下组合可以正确显示汉字 ================================ xml保存编码 xml页面指定编码 ANSI gbk/GBK、gb2312 Unicode unicode/Unicode UTF-8 UTF-8 ================================

168.XML操作 <xml id="xmldata" src="/data/books.xml"> <div id="guoguo"></div> <script> var x=xmldata.recordset //取得数据岛中的记录集 if(x.absoluteposition < x.recordcount) //如果当前的绝对位置在最后一条记录之前 \{ x.movenext(); //向后移动 x.moveprevious(); //向前移动 x.absoluteposition=1; //移动到第一条记录 x.absoluteposition=x.recordcount;//移动到最后一条记录，注意记录集x.absoluteposition是从1到记录集记录的个

数的 guoguo.innerText=xmldso.recordset("field\_name"); //从中取出某条记录 \} </script>

169.动态修改CSS的另一种方式 this.runtimeStyle.cssText = "color:\#990000;border:1px solid \#cccccc";//

170.正则表达式 匹配中文字符的正则表达式： \[\\u4e00-\\u9fa5\]

匹配双字节字符(包括汉字在内)：\[^\\x00-\\xff\]

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

String.prototype.len=function()\{return this.replace(\[^\\x00-\\xff\]/g,"aa").length;\}

匹配空行的正则表达式：\\n\[\\s| \]\*\\r

匹配HTML标记的正则表达式：/<(.\*)>.\*<\\/\\1>|<(.\*) \\/>/

匹配首尾空格的正则表达式：(^\\s\*)|(\\s\*$)

应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：

String.prototype.trim = function() \{ return this.replace(/(^\\s\*)|(\\s\*$)/g, ""); \}

利用正则表达式分解和转换IP地址：

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

function IP2V(ip) \{ re=/(\\d+)\\.(\\d+)\\.(\\d+)\\.(\\d+)/g //匹配IP地址的正则表达式 if(re.test(ip)) \{ return RegExp.$1\*Math.pow(255,3))+RegExp.$2\*Math.pow(255,2))+RegExp.$3\*255+RegExp.$4\*1 \} else \{ throw new Error("Not a valid IP address!") \} \}

不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：

var ip="10.100.20.168" ip=ip.split(".") alert("IP值是："+(ip\[0\]\*255\*255\*255+ip\[1\]\*255\*255+ip\[2\]\*255+ip\[3\]\*1))

匹配Email地址的正则表达式：\\w+(\[-+.\]\\w+)\*@\\w+(\[-.\]\\w+)\*\\.\\w+(\[-.\]\\w+)\*

匹配网址URL的正则表达式：http://(\[\\w-\]+\\.)+\[\\w-\]+(/\[\\w\- ./?%&=\]\*)?

//利用正则表达式去除字串中重复的字符的算法程序：

var s="abacabefgeeii" var s1=s.replace(/(.).\*\\1/g,"$1") var re=new RegExp("\["+s1+"\]","g") var s2=s.replace(re,"") alert(s1+s2) //结果为：abcefgi

思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方

法对于字符顺序有要求的字符串可能不适用。

//得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

s="[http://www.9499.net/page1.htm][http_www.9499.net_page1.htm]" s=s.replace(/(.\*\\/)\{0,\}(\[^\\.\]+).\*/ig,"$2") alert(s)

/利用正则表达式限制网页表单里的文本框输入内容：

用正则表达式限制只能输入中文：οnkeyup="value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,'')"

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\u4E00-\\u9FA5\]/g,'')

用正则表达式限制只能输入全角字符： οnkeyup="value=value.replace(/\[^\\uFF00-\\uFFFF\]/g,'')"

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\uFF00-\\uFFFF\]/g,'')

用正则表达式限制只能输入数字：οnkeyup="value=value.replace(/\[^\\d\]/g,'')

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\d\]/g,''))"

用正则表达式限制只能输入数字和英文：οnkeyup="value=value.replace(/\[\\W\]/g,'')

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\d\]/g,''))"

171.设置和使用cookie <HTML> <BODY> 设置与读取 cookies...<BR> 写入cookie的值<input type=text name=gg> <INPUT TYPE = BUTTON Value = "设置cookie" onClick = "Set()"> <INPUT TYPE = BUTTON Value = "读取cookie" onClick = "Get()"><BR> <INPUT TYPE = TEXT NAME = Textbox> </BODY> <SCRIPT LANGUAGE="JavaScript"> function Set() \{ var Then = new Date() Then.setTime(Then.getTime() + 60\*1000 ) //60秒 document.cookie = "Cookie1="+gg.value+";expires="+ Then.toGMTString() \}

function Get() \{ var cookieString = new String(document.cookie) var cookieHeader = "Cookie1=" var beginPosition = cookieString.indexOf(cookieHeader) if (beginPosition != -1) \{ document.all.Textbox.value = cookieString.substring(beginPosition + cookieHeader.length) \} else document.all.Textbox.value = "Cookie 未找到!" \} </SCRIPT> </HTML>//

172.取月的最后一天 function getLastDay(year,month) \{ //取年 var new\_year = year; //取到下一个月的第一天,注意这里传入的month是从1～12 var new\_month = month++; //如果当前是12月，则转至下一年 if(month>12) \{ new\_month -=12; new\_year++; \} var new\_date = new Date(new\_year,new\_month,1); return (new Date(new\_date.getTime()-1000\*60\*60\*24)).getDate(); \}//

173.判断当前的焦点是组中的哪一个 for(var i=0;i<3;i++) if(event.srcElement==bb\[i\]) break;//

174.实现类 package com.baosight.view.utils; import javax.servlet.jsp.tagext.TagSupport; import javax.servlet.http.HttpSession; public class Mytag extends TagSupport \{ public int doStartTag() throws javax.servlet.jsp.JspException \{ boolean canAccess = false; HttpSession session= pageContext.getSession(); if (canAccess) \{ return EVAL\_BODY\_INCLUDE; \} else \{ return this.SKIP\_BODY; \} \} \}

175.在web.xml中添加定义 <taglib> <taglib-uri>guoguo</taglib-uri> <taglib-location>/WEB-INF/abc.tld</taglib-location> </taglib>

176.标签库中定义abc.tld <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN" "[http://java.sun.com/j2ee/dtds/web-jsptaglibrary\_1\_1.dtd][http_java.sun.com_j2ee_dtds_web-jsptaglibrary_1_1.dtd]"> <taglib> <tlibversion>1.0</tlibversion> <jspversion>1.1</jspversion> <shortname>hr</shortname> <uri>guoguo</uri> <info>Extra 3 Tag Library</info> <tag> <name>mytag</name> <tagclass>com.baosight.view.utils.Mytag</tagclass> <attribute> <name>id2</name> <required>true</required> <rtexprvalue>true</rtexprvalue> </attribute> </tag> </taglib>

177.在使用自定义标签的页面中加入自己定义的标签， <%@ taglib uri="guoguo" prefix="guoguo" %> //自己定义标签

178.显示带边框的集 <fieldset style="border:1px gray solid;width:100px"> <legend>查询条件</legend> dfdfdf </fieldset>//

179.【文件(F)】菜单中的命令的实现

1、〖打开〗命令的实现 \[格式\]:document.execCommand("open") \[说明\]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=document.execCommand("open")>打开</a>

2、〖使用 记事本 编辑〗命令的实现 \[格式\]:location.replace("view-source:"+location) \[说明\]打开记事本，在记事本中显示该网页的源代码。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=location.replace("view-source:"+location)>使用 记事本编辑</a>

3、〖另存为〗命令的实现 \[格式\]:document.execCommand("saveAs") \[说明\]将该网页保存到本地盘的其它目录！ \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=document.execCommand("saveAs")>另存为</a>

4、〖打印〗命令的实现 \[格式\]:document.execCommand("print") \[说明\]当然，你必须装了打印机！ \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=document.execCommand("print")>打印</a>

5、〖关闭〗命令的实现 \[格式\]:window.close();return false \[说明\]将关闭本窗口。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=window.close();return false)>关闭本窗口</a>

180.【编辑(E)】菜单中的命令的实现

〖全选〗命令的实现 \[格式\]:document.execCommand("selectAll") \[说明\]将选种网页中的全部内容！ \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=document.execCommand("selectAll")>全选</a>

181.【查看(V)】菜单中的命令的实现

1、〖刷新〗命令的实现 \[格式\]:location.reload() 或 history.go(0) \[说明\]浏览器重新打开本页。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=location.reload()>刷新</a> 或加入: <a href="\#\#\#" οnclick=history.go(0)>刷新</a>

2、〖源文件〗命令的实现 \[格式\]:location.replace("view-source:"+location) \[说明\]查看该网页的源代码。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=location.replace("view-source:"+location)>查看源文件</a>

3、〖全屏显示〗命令的实现 \[格式\]:window.open(document.location, "url", "fullscreen") \[说明\]全屏显示本页。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=window.open(document.location,"url","fullscreen")>全屏显示</a>

182.【收藏(A)】菜单中的命令的实现

1、〖添加到收藏夹〗命令的实现 \[格式\]:window.external.AddFavorite('url', '“网站名”) \[说明\]将本页添加到收藏夹。 \[举例\]在<body></body>之间加入： <a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收

藏夹</a>

2、〖整理收藏夹〗命令的实现 \[格式\]:window.external.showBrowserUI("OrganizeFavorites",null) \[说明\]打开整理收藏夹对话框。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>

183.【工具(T)】菜单中的命令的实现

〖internet选项〗命令的实现 \[格式\]:window.external.showBrowserUI("PrivacySettings",null) \[说明\]打开internet选项对话框。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>

184.【工具栏】中的命令的实现

1、〖前进〗命令的实现 \[格式\]history.go(1) 或 history.forward() \[说明\]浏览器打开后一个页面。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=history.go(1)>前进</a> 或加入: <a href="\#\#\#" οnclick=history.forward()>前进</a>

2、〖后退〗命令的实现 \[格式\]:history.go(-1) 或 history.back() \[说明\]浏览器返回上一个已浏览的页面。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=history.go(-1)>后退</a> 或加入: <a href="\#\#\#" οnclick=history.back()>后退</a>

3、〖刷新〗命令的实现 \[格式\]:document.reload() 或 history.go(0) \[说明\]浏览器重新打开本页。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=location.reload()>刷新</a> 或加入: <a href="\#\#\#" οnclick=history.go(0)>刷新</a>

185.其它命令的实现 〖定时关闭本窗口〗命令的实现 \[格式\]:settimeout(window.close(),关闭的时间) \[说明\]将关闭本窗口。 \[举例\]在<body></body>之间加入： <a href="\#\#\#" οnclick=settimeout(window.close(),3000)>3秒关闭本窗口</a>

【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。 <a href="\#\#\#" οnclick=document.execCommand("open")>打开</a><br> <a href="\#\#\#" οnclick=location.replace("view-source:"+location)>使用 记事本编辑</a><br> <a href="\#\#\#" οnclick=document.execCommand("saveAs")>另存为</a><br> <a href="\#\#\#" οnclick=document.execCommand("print")>打印</a><br> <a href="\#\#\#" οnclick=window.close();return false)>关闭本窗口</a><br> <a href="\#\#\#" οnclick=document.execCommand("selectAll")>全选</a><br> <a href="\#\#\#" οnclick=location.reload()>刷新</a> <a href="\#\#\#" οnclick=history.go(0)>刷新</a><br> <a href="\#\#\#" οnclick=location.replace("view-source:"+location)>查看源文件</a><br> <a href="\#\#\#" οnclick=window.open(document.location,"url","fullscreen")>全屏显示</a><br> <a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天极网页陶吧')">添加到收藏

夹</a><br> <a href="\#\#\#" οnclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a><br> <a href="\#\#\#" οnclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a><br> <a href="\#\#\#" οnclick=history.go(1)>前进1</a>　<a href="\#\#\#" οnclick=history.forward()>前进2</a><br> <a href="\#\#\#" οnclick=history.go(-1)>后退1</a>　<a href="\#\#\#" οnclick=history.back()>后退2</a><br> <a href="\#\#\#" οnclick=settimeout(window.close(),3000)>3秒关闭本窗口</a><br>

186.给DHTML中的标签添加一个新的属性，可以随意加 <BODY οnlοad="alert(a1.epass)"> <input type=text name="a1" epass="zhongguo"> </BODY>//

187.xmlhttp技术 <BODY> 此方法是通过XMLHTTP对象从服务器获取XML文档，示例如下。 <input type=button value="加载XML文档" οnclick="getData('data.xml')" > <script language="JavaScript" > function getDatal(url)\{ var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建XMLHTTPRequest对象 xmlhttp.open("GET",url,false,"","");//使用HTTP GET初始化HTTP请求 xmlhttp.send("");//发送HTTP请求并获取HTTP响应 return xmlhttp.responseXML;//获取XML文档 \} </script > </BODY>//

188.服务器端通过request.getReader()获得传入的字符串

189.在java中使用正则表达式 java.util.regex.Pattern p =

java.util.regex.Pattern.compile("\\\\d+|.\\\\d+|\\\\d+.\\\\d\*|(E|\\\\d+E|.\\\\d+E|\\\\d+.\\\\d\*E)((\\\\+|-)\\\\d|\\\\d)\\\\d\*"); java.util.regex.Matcher m = p.matcher("12.E+3"); boolean result = m.matches();//

190.给下拉框分组 <SELECT> <OPTGROUP LABEL="碱性金属"> <OPTION>锂 (Li)</OPTION> <OPTION>纳 (Na)</OPTION> <OPTION>钾 (K)</OPTION> </OPTGROUP> <OPTGROUP LABEL="卤素"> <OPTION>氟 (F)</OPTION> <OPTION>氯 (Cl)</OPTION> <OPTION>溴 (Br)</OPTION> </OPTGROUP> </SELECT>//

191.加注音 <RUBY> 基准文本 <RT>注音文本 </RUBY>//

192.加删除线 <S>此文本将带删除线显示。</S>//

193.取frame中的event事件 document.frames("workspace").event.keyCode//

194.是弹出方法的定义 String.prototype.trim=function() \{ return this.replace(/(^\\s\*)|(\\s\*$)/g, ""); \} alert(" ".trim)//

195.防止网页被包含 if (window != window.top) top.location.href = location.href;//

196.让网页一直在frame里面 if(window==window.top) \{ document.body.innerHTML="<center><h1>请通过正常方式访问本页面！</h1></center>"; //window.close(); \}//

197.加为首页 <SCRIPT> function fnSet()\{ oHomePage.setHomePage(location.href); event.returnValue = false; \} </SCRIPT> <IE:HOMEPAGE ID="oHomePage" style="behavior:url(\#default\#homepage)"/>//

198.xml数据岛操作 <HTML> <HEAD><Title>HTML中的数据岛中的记录集</Title></HEAD> <body bkcolor=\#EEEEEE text=blue bgcolor="\#00FFFF"> <Table align=center width="100%"><TR><TD align="center"> <h5><b><font size="4" color="\#FF0000">HTML中的XML数据岛记录编辑与添加 </font></b></h5> </TD></TR></Table> <HR> 酒店名称：<input type=text datasrc=\#theXMLisland DataFLD=NAME size="76"><BR> 地址：<input type=text datasrc=\#theXMLisland DataFLD=Address size="76"><BR> 主页：<input type=text datasrc=\#theXMLisland DataFLD=HomePage size="76"><BR> 电子邮件：<input type=text datasrc=\#theXMLisland DataFLD=E-Mail size="76"><BR> 电话：<input type=text datasrc=\#theXMLisland DataFLD=TelePhone size="76"><BR> 级别：<input type=text datasrc=\#theXMLisland DataFLD=Grade size="76"><HR> <input id="first" TYPE=button value="<<　第一条记录" οnclick="theXMLisland.recordset.moveFirst()"> <input id="prev" TYPE=button value="<上一条记录" οnclick="theXMLisland.recordset.movePrevious()"> <input id="next" TYPE=button value="下一条记录>" οnclick="theXMLisland.recordset.moveNext()"> <input id="last" TYPE=button value="最后一条记录>>" οnclick="theXMLisland.recordset.moveLast()">&nbsp; <input id="Add" TYPE=button value="添加新记录" οnclick="theXMLisland.recordset.addNew()">

<XML ID="theXMLisland"> <HotelList> <Hotel> <Name>四海大酒店</Name> <Address>海魂路1号</Address> <HomePage>www.sihaohotel.com.cn</HomePage> <E-Mail>master@sihaohotel.com.cn</E-Mail> <TelePhone>(0989)8888888</TelePhone> <Grade>五星级</Grade> </Hotel> <Hotel> <Name>五湖宾馆</Name> <Address>东平路99号</Address> <HomePage>www.wuhu.com.cn</HomePage> <E-Mail>web@wuhu.com.cn</E-Mail> <TelePhone>(0979)1111666</TelePhone> <Grade>四星级</Grade> </Hotel> <Hotel> <Name>“大沙漠”宾馆</Name> <Address>留香路168号</Address> <HomePage>www.dashamohotel.com.cn</HomePage> <E-Mail>master@dashamohotel.com.cn</E-Mail> <TelePhone>(0989)87878788</TelePhone> <Grade>五星级</Grade> </Hotel> <Hotel> <Name>“画眉鸟”大酒店</Name> <Address>血海飘香路2号</Address> <HomePage>www.throstlehotel.com.cn</HomePage> <E-Mail>chuliuxiang@throstlehotel.com.cn</E-Mail> <TelePhone>(099)9886666</TelePhone> <Grade>五星级</Grade> </Hotel> </HotelList> </XML>

</body> </HTML> //xml数据岛中添加记录

\------------------------------- The following list is a sample of the properties and methods that you use to access nodes in an XML

document.

Property/ Method Description XMLDocument Returns a reference to the XML Document Object Model (DOM) exposed by the object.

documentElement Returns the document root of the XML document. childNodes Returns a node list containing the children of a node (if any). item Accesses individual nodes within the list through an index. Index values are zero-based, so

item(0) returns the first child node. text Returns the text content of the node.

The following code shows an HTML page containing an XML data island. The data island is contained within

the <XML> element.

<HTML> <HEAD> <TITLE>HTML with XML Data Island</TITLE> </HEAD> <BODY> <P>Within this document is an XML data island.</P>

<XML ID="resortXML"> <resorts> <resort code='1'>Adventure Works</resort> <resort>Alpine Ski House</resort> </resorts> </XML>

</BODY> </HTML> For an example, you can cut and paste this sample line of code:

resortXML.XMLDocument.documentElement.childNodes.item(1).text//读取页面上的XML数据岛中的数据 resortXML.documentElement.childNodes.item(0).getAttribute("code")//读取页面上的XML数据岛中的数据 resortXML.documentElement.childNodes\[0\].getAttribute("code")//读取页面上的XML数据岛中的数据

199.模式窗口 父窗口 var url="aaa.jsp"; var

data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab

le:Yes;edge:sunken"); if(data) alert(data.value); 子窗口 var data=new Object(); data.value1="china"; window.returnValue=data; window.close();

200.动态设置事件，带参数 <INPUT TYPE="text" NAME="a1"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>//

201.将url转化为16进制形式 var ret = '';

for(var i=0; i < str.length; i++) \{ var ch = str.charAt(i); var code = str.charCodeAt(i);

if(code < 128 && ch != '\[' && ch != '\\'' && ch != '=') \{ ret += ch; \} else \{ ret += "\[" + code.toString(16) + "\]"; \} \} return ret;//

202.打开新的窗口并将新打开的窗口设置为活动窗口 var newWin=window.open("xxxx"); newWin.focus();//

203.容错脚本 JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError function handleError(message, URI, line) \{// 提示用户，该页可能不能正确回应 return true; // 这将终止默认信息 \}//在页面出错时进行操作

204.JS中的窗口重定向: window.navigate("http://www.sina.com.cn");//

205.防止链接文字折行 document.body.noWrap=true;//

206.判断字符是否匹配. string.match(regExpression)//

207. href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v

alue='test';return false;"

当使用inline方式添加事件处理脚本事，有一个被包装成匿名函数的过程，也就是说 onClick="javacript:document.Form.Name.value='test';return false;"被包装成了： functoin anonymous() \{ document.Form.Name.value='test';return false; \} 做为A的成员函数onclick。 而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句，这时如果使用return语句会

报告在函数外使用return语句的错误。

208.进行页面放大 <P οnmοuseοver="this.style.zoom='200%'" οnmοuseοut="this.style.zoom='normal'"> sdsdsdsdsdsdsdsds </p>//

209.放置在页面的最右边 <input type="text" value='bu2' style="float:right">//

210.通过style来控制隔行显示不同颜色 <style> tr\{ bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow'); \} </style> <table id="oTable" width="100" border="1" style="border-collapse:collapse;"> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> <tr><td>&nbsp;</td></tr> </table>//

211.全屏最大化 newwindow=window.open("","","scrollbars") if (document.all) \{ newwindow.moveTo(0,0) newwindow.resizeTo(screen.width,screen.height) \}//

212.根据名字解析xml中的节点值 var XMLDoc=new ActiveXObject("MSXML"); XMLDoc.url="d:/abc.xml"; aRoot=XMLDoc.root; a1.innerText=aRoot.children.item("name").text;//

213.在页面上解析xml的值 [http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08][http_msdn.microsoft.com_library_default.asp_url_library_en-us_xmlsdk_html_5996c682-3472-4b03-9fb0-1e08]

fcccdf35.asp //

214.看一个字符串里面有多少个回车符，返回值是一个数组 var s=value.match(/\\n/g);if(s)if(s.length==9)\{alert('10行了');return false;\}//

215.获得asc码 var s='aa'; alert(s.charCodeAt(1))// 216.文字居右对齐 <input type="text" value="123" style="text-align:right">//

217.判断一个方法是否存在 function pageCallback(response)\{ alert(response); \} if(pageCallback) alert(1)//

218.判断一个变量是否定义 if(typeof(a)=="undefined") \{ alert() \}//

219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别 <script> function exec (command) \{ window.oldOnError = window.onerror; window.\_command = command; window.onerror = function (err) \{ if (err.indexOf('utomation') != -1) \{ alert('命令已经被用户禁止！'); return true; \} else return false; \}; var wsh = new ActiveXObject('WScript.Shell'); if (wsh) wsh.Run(command); window.onerror = window.oldOnError; \} </script> 调用方式 <a href="javascript:" οnclick="exec('D:/test.bat')">测试</a>// 220.弹出新页面，关闭旧页面，不弹出提示框 var w=screen.availWidth-10; var h=screen.availHeight-10; var swin=window.open("/mc/mc/message\_management.jsp",

"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w

idth="+w); window.opener=null; window.close();//

221.能输入的下拉框 <span> <input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off"> <span style="width:150;overflow:hidden"> <select style="width:150;margin-left:-130" onChange="Department1.value=value"> <option value=""></option> <option value="asdfasfadf">asdfasfadf</option> <option value="546546">546546</option></select> //

222.在方法中定义全局变量 function globalVar (script) \{ eval(script);//all navigators //window.execScript(script); //for ie only \} globalVar('window.haha = "../system";'); alert(haha);//在方法中定义全局变量，其中的haha就是全局变量了

223.显示一个对象的全部的属性和属性的值 var a=new Object(); a.name='a1'; a.\*\*\*='mail' for(var p in a) \{ alert(p+"="+a\[p\]) \}//

224.16进制转换成10进制 var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数，得到 n 的值是 686

225.复制粘贴 <BODY> <input type="file" name='a1'><input type="button" value='复制粘贴' οnclick="haha()"><div id="aa"></div> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY>//

226.获得对象类型 switch (object.constructor)\{ case Date: ... case Number: ... case String: ... case MyObject: ... default: ... \}//

227.图片加载失败时重新加载图片 <img src="aa.gif" οnerrοr="this.src='aa.gif'">// 228. //font\_effect.htc <PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" /> <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" /> <SCRIPT LANGUAGE="JScript"> //定义一个保存字体颜色的变量 var color; function glowit() \{ color=element.style.backgroundColor; element.style.backgroundColor='white' \} function noglow() \{ element.style.backgroundColor=color \} </SCRIPT>

//abc.css tr\{behavior:url(font\_effect.htc);\}

229.可以通过css和htc改变表格的颜色,仅IE支持 //xxx.html <link rel="stylesheet" type="text/css" href="abc.css"> <TABLE border='1' id="a1"> <TR style="background-color:red"> <TD>1</TD> <TD>2</TD> <TD>3</TD> </TR> <TR style="background-color:yellow"> <TD>4</TD> <TD>5</TD> <TD>6</TD> </TR> </TABLE>//

230.在页面上画点 function a(x,y,color) \{ document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top:

"+(y+20)+";background-color: "+color+"' width=1 height=1>") \}//

231.自动关闭网页 <script LANGUAGE="javascript">  </script> <p align="center">本页10秒后自动关闭,请注意刷新页面</p>

232//js的加减 <script src='jQuery.js'></script> <script type="text/javascript"> <!-- function plus() \{ $('\#hit').val(parseInt($('\#hit').val())+1); \}

function subtract() \{ if(parseInt($('\#hit').val())<0) \{ $('\#hit').val(1); \} else \{ $('\#hit').val(parseInt($('\#hit').val())-1); \} \} //--> </script>

[http_www.9499.net_page1.htm]: http://www.9499.net/page1.htm
[http_java.sun.com_j2ee_dtds_web-jsptaglibrary_1_1.dtd]: http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd
[http_msdn.microsoft.com_library_default.asp_url_library_en-us_xmlsdk_html_5996c682-3472-4b03-9fb0-1e08]: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08