js技巧

  1. 1.文本框焦点问题  
  2. onBlur:当失去输入焦点后产生该事件  
  3. onFocus:当输入获得焦点后,产生该文件  
  4. Onchange:当文字值改变时,产生该事件  
  5. Onselect:当文字加亮后,产生该文件  
  6.   
  7. <input type="text" value="mm" onfocus="if(value=='mm) {value=''}" onblur="if  
  8. (value=='') { value='mm'}">点击时文字消失,失去焦点时文字再出现  
  9.   
  10.   
  11. 2.网页按钮的特殊颜色  
  12. <input type=button name="Submit1" value="郭强" size=10 class=s02  
  13.   
  14. style="background-color:rgb(235,207,22)">  
  15.   
  16. 3.鼠标移入移出时颜色变化  
  17. <input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"  
  18.   
  19. onMouseOver=this.style.color="red"  class="button">  
  20.   
  21. 4.平面按钮  
  22. <input type=submit value=订阅 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;  
  23.   
  24. BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">  
  25.   
  26. 5.按钮颜色变化  
  27. <input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt;  height:17px;  
  28.   
  29. BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">  
  30.   
  31. 6.平面输入框  
  32. <input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">  
  33.   
  34. 7.使窗口变成指定的大小  
  35. <script>  
  36. window.resizeTo(300,283);  
  37. script>  
  38.   
  39. 8.使文字上下滚动  
  40. <marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'  
  41.   
  42. height=60>  
  43.   
  44. <tr>  
  45. <td>  
  46. 共和国  
  47. table>          
  48. marquee>  
  49.   
  50. 9.状态栏显示该页状态  
  51. <base onmouseover="window.status='网站建设 http://www.webmake.cn/' ;return true">  
  52.   
  53. 10.可以点击文字实现radio选项的选定  
  54. <br>  
  55.     <input type="radio" name="regtype" value="A03" id="A03">  
  56. <label for="A03"> 情侣 : 一次注册两个帐户label> <br>  
  57.   
  58. 11.可以在文字域的font写onclick事件  
  59.   
  60. 12.打印a>打印网页  
  61. <a href='javascript:window.print ()'>  
  62.   
  63. 13.线型输入框  
  64. <input type="text" name="key"  size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()  
  65.   
  66. class="line">  
  67.   
  68. 14.显示文档最后修改日期  
  69. <script language=javascript>  
  70. function hi(str)  
  71. {  
  72.  document.write(document.lastModified)  
  73.   
  74.  alert("hi"+str+"!")  
  75. }  
  76. script>  
  77.   
  78. 15.可以在鼠标移到文字上时就触发事件  
  79. <html>  
  80. <head>  
  81. <script language="LiveScript">  
  82.   
  83.  <CATALOG>  
  84.  <CD>  
  85.   <TITLE>Empire BurlesqueTITLE>  
  86.   <ARTIST>Bob DylanARTIST>  
  87.   <COUNTRY>USACOUNTRY>  
  88.   <COMPANY>ColumbiaCOMPANY>  
  89.   <PRICE>10.90PRICE>  
  90.   <YEAR>1985YEAR>  
  91.   CD>  
  92.  <CD>  
  93.   <TITLE>Hide your heartTITLE>  
  94.   <ARTIST>Bonnie TylerARTIST>  
  95.   <COUNTRY>UKCOUNTRY>  
  96.   <COMPANY>CBS RecordsCOMPANY>  
  97.   <PRICE>9.90PRICE>  
  98.   <YEAR>1988YEAR>  
  99.   CD>  
  100.  <CD>  
  101.   <TITLE>Greatest HitsTITLE>  
  102.   <ARTIST>Dolly PartonARTIST>  
  103.   <COUNTRY>USACOUNTRY>  
  104.   <COMPANY>RCACOMPANY>  
  105.   <PRICE>9.90PRICE>  
  106.   <YEAR>1982YEAR>  
  107.   CD>  
  108.  <CD>  
  109.   <TITLE>Still got the bluesTITLE>  
  110.   <ARTIST>Gary MooreARTIST>  
  111.   <COUNTRY>UKCOUNTRY>  
  112.   <COMPANY>Virgin recordsCOMPANY>  
  113.   <PRICE>10.20PRICE>  
  114.   <YEAR>1990YEAR>  
  115.   CD>  
  116. CATALOG>  
  117. //  
  118.   
  119.   
  120. 167.以下组合可以正确显示汉字  
  121. ================================  
  122. xml保存编码 xml页面指定编码  
  123. ANSI  gbk/GBK、gb2312  
  124. Unicode  unicode/Unicode  
  125. UTF-8  UTF-8  
  126. ================================  
  127.   
  128.    
  129. 168.XML操作  
  130. <xml id="xmldata" src="/data/books.xml">  
  131. <div id="guoguo">div>  
  132. <script>  
  133. var x=xmldata.recordset //取得数据岛中的记录集  
  134. if(x.absoluteposition < x.recordcount) //如果当前的绝对位置在最后一条记录之前  
  135. {  
  136.  x.movenext();     //向后移动  
  137.  x.moveprevious();    //向前移动  
  138.  x.absoluteposition=1;   //移动到第一条记录  
  139.  xx.absoluteposition=x.recordcount;//移动到最后一条记录,注意记录集x.absoluteposition是从1到记录集记录的个  
  140.   
  141. 数的  
  142.  guoguo.innerText=xmldso.recordset("field_name"); //从中取出某条记录  
  143. }  
  144. script>  
  145. 169.动态修改CSS的另一种方式  
  146. this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//  
  147.   
  148. 170.正则表达式  
  149. 匹配中文字符的正则表达式: [\u4e00-\u9fa5]  
  150.   
  151. 匹配双字节字符(包括汉字在内):[^\x00-\xff]  
  152.   
  153. 应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)  
  154.   
  155. String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}  
  156.   
  157. 匹配空行的正则表达式:\n[\s| ]*\r  
  158.   
  159. 匹配HTML标记的正则表达式:/<(.*)>.*<\/\1>|<(.*) \/>/  
  160.   
  161. 匹配首尾空格的正则表达式:(^\s*)|(\s*$)  
  162.   
  163. 应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:  
  164.   
  165. String.prototype.trim = function()  
  166. {  
  167.     return this.replace(/(^\s*)|(\s*$)/g, "");  
  168. }  
  169.   
  170. 利用正则表达式分解和转换IP地址:  
  171.   
  172. 下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:  
  173.   
  174. function IP2V(ip)  
  175. {  
  176.  re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g  //匹配IP地址的正则表达式  
  177. if(re.test(ip))  
  178. {  
  179. return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1  
  180. }  
  181. else  
  182. {  
  183.  throw new Error("Not a valid IP address!")  
  184. }  
  185. }  
  186.   
  187. 不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:  
  188.   
  189. var ip="10.100.20.168"  
  190. ipip=ip.split(".")  
  191. alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))  
  192.   
  193. 匹配Email地址的正则表达式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*  
  194.   
  195. 匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?  
  196.   
  197. //利用正则表达式去除字串中重复的字符的算法程序:  
  198.   
  199. var s="abacabefgeeii"  
  200. var ss1=s.replace(/(.).*\1/g,"$1")  
  201. var re=new RegExp("["+s1+"]","g")  
  202. var ss2=s.replace(re,"")  
  203. alert(s1+s2)  //结果为:abcefgi  
  204.   
  205. 思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方  
  206.   
  207. 法对于字符顺序有要求的字符串可能不适用。  
  208.   
  209. //得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1  
  210.   
  211. s="http://www.9499.net/page1.htm"  
  212. ss=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")  
  213. alert(s)  
  214.   
  215. /利用正则表达式限制网页表单里的文本框输入内容:  
  216.   
  217. 用正则表达式限制只能输入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"  
  218.   
  219. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'')  
  220.   
  221. )"  
  222.   
  223. 用正则表达式限制只能输入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"  
  224.   
  225. onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'')  
  226.   
  227. )"  
  228.   
  229. 用正则表达式限制只能输入数字:onkeyup="valuevalue=value.replace(/[^\d]/g,'')  
  230.   
  231. "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"  
  232.   
  233. 用正则表达式限制只能输入数字和英文:onkeyup="valuevalue=value.replace(/[\W]/g,'')  
  234.   
  235. "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"  
  236.   
  237.    
  238. 171.设置和使用cookie  
  239. <HTML>  
  240. <BODY>  
  241. 设置与读取 cookies...<BR>  
  242. 写入cookie的值<input type=text name=gg>  
  243. <INPUT TYPE = BUTTON Value = "设置cookie" onClick = "Set()">  
  244. <INPUT TYPE = BUTTON Value = "读取cookie" onClick = "Get()"><BR>  
  245. <INPUT TYPE = TEXT NAME = Textbox>  
  246. BODY>  
  247. <SCRIPT LANGUAGE="JavaScript">  
  248. function Set()  
  249. {  
  250. var Then = new Date()  
  251. Then.setTime(Then.getTime() + 60*1000 ) //60秒  
  252. document.cookie = "Cookie1="+gg.value+";expires="+ Then.toGMTString()  
  253. }  
  254.   
  255. function Get()  
  256. {  
  257.  var cookieString = new String(document.cookie)  
  258.  var cookieHeader = "Cookie1="  
  259.  var beginPosition = cookieString.indexOf(cookieHeader)  
  260.  if (beginPosition != -1)  
  261.  {  
  262.   document.all.Textbox.value = cookieString.substring(beginPosition  + cookieHeader.length)  
  263.  }  
  264.  else  
  265.   document.all.Textbox.value = "Cookie 未找到!"  
  266. }  
  267. SCRIPT>  
  268. HTML>//  
  269.   
  270.    
  271. 172.取月的最后一天  
  272. function getLastDay(year,month)  
  273. {  
  274.  //取年  
  275.  var new_year = year;  
  276.  //取到下一个月的第一天,注意这里传入的month是从1~12  
  277.  var new_month = month++;  
  278.  //如果当前是12月,则转至下一年  
  279.  if(month>12)  
  280.  {  
  281.   new_month -=12;  
  282.   new_year++;  
  283.  }  
  284.  var newnew_date = new Date(new_year,new_month,1);  
  285.  return (new Date(new_date.getTime()-1000*60*60*24)).getDate();  
  286. }//  
  287.   
  288. 173.判断当前的焦点是组中的哪一个  
  289. for(var i=0;i<3;i++)  
  290.  if(event.srcElement==bb[i])  
  291.   break;//  
  292.   
  293.    
  294.   
  295. 174.实现类  
  296. package com.baosight.view.utils;  
  297. import javax.servlet.jsp.tagext.TagSupport;  
  298. import javax.servlet.http.HttpSession;  
  299. public class Mytag extends TagSupport  
  300. {  
  301.   public int doStartTag() throws javax.servlet.jsp.JspException  
  302.   {  
  303.     boolean canAccess = false;  
  304.     HttpSession sessionpageContext.getSession();  
  305.     if (canAccess)  
  306.     {  
  307.       return EVAL_BODY_INCLUDE;  
  308.     }  
  309.     else  
  310.     {  
  311.       return this.SKIP_BODY;  
  312.     }  
  313.   }  
  314. }  
  315.   
  316. 175.在web.xml中添加定义  
  317.   <taglib>  
  318.     <taglib-uri>guoguotaglib-uri>  
  319.     <taglib-location>/WEB-INF/abc.tldtaglib-location>  
  320.   taglib>  
  321.   
  322.   
  323. 176.标签库中定义abc.tld  
  324. xml version="1.0" encoding="UTF-8"?>  
  325. "http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">  
  326. <taglib>  
  327.  <tlibversion>1.0tlibversion>  
  328.  <jspversion>1.1jspversion>  
  329.  <shortname>hrshortname>  
  330.  <uri>guoguouri>  
  331.  <info>Extra 3 Tag Libraryinfo>  
  332.  <tag>  
  333.   <name>mytagname>  
  334.   <tagclass>com.baosight.view.utils.Mytagtagclass>  
  335.   <attribute>  
  336.    <name>id2name>  
  337.    <required>truerequired>  
  338.             <rtexprvalue>truertexprvalue>  
  339.   attribute>  
  340.  tag>  
  341. taglib>  
  342.   
  343.   
  344. 177.在使用自定义标签的页面中加入自己定义的标签,  
  345. <%@ taglib uri="guoguo" prefix="guoguo" %>  
  346. //自己定义标签  
  347.   
  348.    
  349. 178.显示带边框的集  
  350. <fieldset style="border:1px gray solid;width:100px">  
  351.   <legend>查询条件legend>  
  352. dfdfdf  
  353. fieldset>//  
  354.   
  355.   
  356. 179.【文件(F)】菜单中的命令的实现  
  357. 179.【文件(F)】菜单中的命令的实现  
  358.   
  359. 1、〖打开〗命令的实现  
  360. [格式]:document.execCommand("open")  
  361. [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。  
  362. [举例]在<body>body>之间加入:  
  363. <a href="###" onclick=document.execCommand("open")>打开a>  
  364.   
  365. 2、〖使用 记事本 编辑〗命令的实现  
  366. [格式]:location.replace("view-source:"+location)  
  367. [说明]打开记事本,在记事本中显示该网页的源代码。  
  368. [举例]在<body>body>之间加入:  
  369. <a href="###" onclick=location.replace("view-source:"+location)>使用 记事本编辑a>  
  370.   
  371. 3、〖另存为〗命令的实现  
  372. [格式]:document.execCommand("saveAs")  
  373. [说明]将该网页保存到本地盘的其它目录!  
  374. [举例]在<body>body>之间加入:  
  375. <a href="###" onclick=document.execCommand("saveAs")>另存为a>  
  376.   
  377. 4、〖打印〗命令的实现  
  378. [格式]:document.execCommand("print")  
  379. [说明]当然,你必须装了打印机!  
  380. [举例]在<body>body>之间加入:  
  381. <a href="###" onclick=document.execCommand("print")>打印a>  
  382.   
  383. 5、〖关闭〗命令的实现  
  384. [格式]:window.close();return false  
  385. [说明]将关闭本窗口。  
  386. [举例]在<body>body>之间加入:  
  387. <a href="###" onclick=window.close();return false)>关闭本窗口a>  
  388.   
  389. 180.【编辑(E)】菜单中的命令的实现  
  390.   
  391. 〖全选〗命令的实现  
  392. [格式]:document.execCommand("selectAll")  
  393. [说明]将选种网页中的全部内容!  
  394. [举例]在<body>body>之间加入:  
  395. <a href="###" onclick=document.execCommand("selectAll")>全选a>  
  396.   
  397. 181.【查看(V)】菜单中的命令的实现  
  398.   
  399. 1、〖刷新〗命令的实现  
  400. [格式]:location.reload() 或 history.go(0)  
  401. [说明]浏览器重新打开本页。  
  402. [举例]在<body>body>之间加入:  
  403. <a href="###" onclick=location.reload()>刷新a>  
  404. 或加入:  
  405. <a href="###" onclick=history.go(0)>刷新a>  
  406.   
  407. 2、〖源文件〗命令的实现  
  408. [格式]:location.replace("view-source:"+location)  
  409. [说明]查看该网页的源代码。  
  410. [举例]在<body>body>之间加入:  
  411. <a href="###" onclick=location.replace("view-source:"+location)>查看源文件a>  
  412.   
  413. 3、〖全屏显示〗命令的实现  
  414. [格式]:window.open(document.location, "url", "fullscreen")  
  415. [说明]全屏显示本页。  
  416. [举例]在<body>body>之间加入:  
  417. <a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏显示a>  
  418.   
  419. 182.【收藏(A)】菜单中的命令的实现  
  420.   
  421. 1、〖添加到收藏夹〗命令的实现  
  422. [格式]:window.external.AddFavorite('url', '“网站名”)  
  423. [说明]将本页添加到收藏夹。  
  424. [举例]在<body>body>之间加入:  
  425. <a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收  
  426.   
  427. 藏夹a>  
  428.   
  429. 2、〖整理收藏夹〗命令的实现  
  430. [格式]:window.external.showBrowserUI("OrganizeFavorites",null)  
  431. [说明]打开整理收藏夹对话框。  
  432. [举例]在<body>body>之间加入:  
  433. <a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹a>  
  434.   
  435. 183.【工具(T)】菜单中的命令的实现  
  436.   
  437. 〖internet选项〗命令的实现  
  438. [格式]:window.external.showBrowserUI("PrivacySettings",null)  
  439. [说明]打开internet选项对话框。  
  440. [举例]在<body>body>之间加入:  
  441. <a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项a>  
  442.   
  443. 184.【工具栏】中的命令的实现  
  444.   
  445. 1、〖前进〗命令的实现  
  446. [格式]history.go(1) 或 history.forward()  
  447. [说明]浏览器打开后一个页面。  
  448. [举例]在<body>body>之间加入:  
  449. <a href="###" onclick=history.go(1)>前进a>  
  450. 或加入:  
  451. <a href="###" onclick=history.forward()>前进a>  
  452.   
  453. 2、〖后退〗命令的实现  
  454. [格式]:history.go(-1) 或 history.back()  
  455. [说明]浏览器返回上一个已浏览的页面。  
  456. [举例]在<body>body>之间加入:  
  457. <a href="###" onclick=history.go(-1)>后退a>  
  458. 或加入:  
  459. <a href="###" onclick=history.back()>后退a>  
  460.   
  461. 3、〖刷新〗命令的实现  
  462. [格式]:document.reload() 或 history.go(0)  
  463. [说明]浏览器重新打开本页。  
  464. [举例]在<body>body>之间加入:  
  465. <a href="###" onclick=location.reload()>刷新a>  
  466. 或加入:  
  467. <a href="###" onclick=history.go(0)>刷新a>  
  468.   
  469. 185.其它命令的实现  
  470. 〖定时关闭本窗口〗命令的实现  
  471. [格式]:settimeout(window.close(),关闭的时间)  
  472. [说明]将关闭本窗口。  
  473. [举例]在<body>body>之间加入:  
  474. <a href="###" onclick=settimeout(window.close(),3000)>3秒关闭本窗口a>  
  475.   
  476.   
  477. 【附】为了方便读者,下面将列出所有实例代码,你可以把它们放到一个html文件中,然后预览效果。  
  478. <a href="###" onclick=document.execCommand("open")>打开a><br>  
  479. <a href="###" onclick=location.replace("view-source:"+location)>使用 记事本编辑a><br>  
  480. <a href="###" onclick=document.execCommand("saveAs")>另存为a><br>  
  481. <a href="###" onclick=document.execCommand("print")>打印a><br>  
  482. <a href="###" onclick=window.close();return false)>关闭本窗口a><br>  
  483. <a href="###" onclick=document.execCommand("selectAll")>全选a><br>  
  484. <a href="###" onclick=location.reload()>刷新a> <a href="###" onclick=history.go(0)>刷新a><br>  
  485. <a href="###" onclick=location.replace("view-source:"+location)>查看源文件a><br>  
  486. <a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏显示a><br>  
  487. <a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天极网页陶吧')">添加到收藏  
  488.   
  489. a><br>  
  490. <a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹a><br>  
  491. <a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项a><br>  
  492. <a href="###" onclick=history.go(1)>前进1a> <a href="###" onclick=history.forward()>前进2a><br>  
  493. <a href="###" onclick=history.go(-1)>后退1a> <a href="###" onclick=history.back()>后退2a><br>  
  494. <a href="###" onclick=settimeout(window.close(),3000)>3秒关闭本窗口a><br>  
  495.   
  496.    
  497. 186.给DHTML中的标签添加一个新的属性,可以随意加  
  498. <BODY onload="alert(a1.epass)">  
  499. <input type=text name="a1" epass="zhongguo">  
  500. BODY>//  
  501.   
  502.    
  503. 187.xmlhttp技术  
  504. <BODY> 此方法是通过XMLHTTP对象从服务器获取XML文档,示例如下。  
  505.  <input type=button value="加载XML文档" onclick="getData('data.xml')" >  
  506.  <script language="JavaScript" >  
  507.  function getDatal(url){  
  508.  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建XMLHTTPRequest对象  
  509.  xmlhttp.open("GET",url,false,"","");//使用HTTP GET初始化HTTP请求  
  510.  xmlhttp.send("");//发送HTTP请求并获取HTTP响应  
  511.  return xmlhttp.responseXML;//获取XML文档  
  512.  }  
  513.  script >  
  514. BODY>//  
  515.   
  516. 188.服务器端通过request.getReader()获得传入的字符串  
  517.   
  518. 189.在java中使用正则表达式  
  519. java.util.regex.Pattern p =  
  520.   
  521. java.util.regex.Pattern.compile("\\d+|.\\d+|\\d+.\\d*|(E|\\d+E|.\\d+E|\\d+.\\d*E)((\\+|-)\\d|\\d)\\d*");  
  522. java.util.regex.Matcher m = p.matcher("12.E+3");  
  523. boolean result = m.matches();//  
  524.   
  525.    
  526. 190.给下拉框分组  
  527. <SELECT>  
  528. <OPTGROUP LABEL="碱性金属">  
  529. <OPTION>锂 (Li)OPTION>  
  530. <OPTION>纳 (Na)OPTION>  
  531. <OPTION>钾 (K)OPTION>  
  532. OPTGROUP>  
  533. <OPTGROUP LABEL="卤素">  
  534. <OPTION>氟 (F)OPTION>  
  535. <OPTION>氯 (Cl)OPTION>  
  536. <OPTION>溴 (Br)OPTION>  
  537. OPTGROUP>  
  538. SELECT>//  
  539.   
  540. 191.加注音  
  541. <RUBY>  
  542. 基准文本  
  543. <RT>注音文本  
  544. RUBY>//  
  545.   
  546.    
  547. 192.加删除线  
  548. <S>此文本将带删除线显示。S>//  
  549.   
  550. 193.取frame中的event事件  
  551. document.frames("workspace").event.keyCode//  
  552.   
  553. 194.是弹出方法的定义  
  554. String.prototype.trim=function()  
  555. {  
  556.  return this.replace(/(^\s*)|(\s*$)/g, "");  
  557. }  
  558. alert("  ".trim)//  
  559.    
  560.   
  561. 195.防止网页被包含  
  562. if (window != window.top)  
  563. top.location.href = location.href;//  
  564.   
  565.    
  566. 196.让网页一直在frame里面  
  567. if(window==window.top)  
  568. {  
  569.  document.body.innerHTML="

    请通过正常方式访问本页面!

    "
    ;  
  570.  //window.close();  
  571. }//  
  572.   
  573.    
  574. 197.加为首页  
  575. <SCRIPT>  
  576. function fnSet(){  
  577. oHomePage.setHomePage(location.href);  
  578. event.returnValue = false;  
  579. }  
  580. SCRIPT>  
  581. <IE:HOMEPAGE ID="oHomePage" style="behavior:url(#default#homepage)"/>//  
  582.   
  583.    
  584. 198.xml数据岛操作  
  585. <HTML>  
  586.   <HEAD><Title>HTML中的数据岛中的记录集Title>HEAD>  
  587.   <body bkcolor=#EEEEEE text=blue bgcolor="#00FFFF">  
  588.   <Table align=center width="100%"><TR><TD align="center">  
  589.   <h5><b><font size="4" color="#FF0000">HTML中的XML数据岛记录编辑与添加    font>b>h5>  
  590.   TD>TR>Table>  
  591.   <HR>  
  592.   酒店名称:<input type=text datasrc=#theXMLisland DataFLD=NAME size="76"><BR>  
  593.   地址:<input type=text datasrc=#theXMLisland DataFLD=Address size="76"><BR>  
  594.   主页:<input type=text datasrc=#theXMLisland DataFLD=HomePage size="76"><BR>  
  595.   电子邮件:<input type=text datasrc=#theXMLisland DataFLD=E-Mail size="76"><BR>  
  596.   电话:<input type=text datasrc=#theXMLisland DataFLD=TelePhone size="76"><BR>  
  597.   级别:<input type=text datasrc=#theXMLisland DataFLD=Grade size="76"><HR>  
  598.   <input id="first" TYPE=button value="<< 第一条记录"     onclick="theXMLisland.recordset.moveFirst()">  
  599.   <input id="prev" TYPE=button value="<上一条记录"   onclick="theXMLisland.recordset.movePrevious()">   
  600.   <input id="next" TYPE=button value="下一条记录>" onclick="theXMLisland.recordset.moveNext()">   
  601.   <input id="last" TYPE=button value="最后一条记录>>" onclick="theXMLisland.recordset.moveLast()">    
  602.   <input id="Add" TYPE=button value="添加新记录" onclick="theXMLisland.recordset.addNew()">   
  603.   
  604.   <XML ID="theXMLisland">  
  605.   <HotelList>  
  606.   <Hotel>  
  607.   <Name>四海大酒店Name>  
  608.   <Address>海魂路1号Address>  
  609.   <HomePage>www.sihaohotel.com.cnHomePage>  
  610.   <E-Mail>[email protected]E-Mail>  
  611.   <TelePhone>(0989)8888888TelePhone>  
  612.   <Grade>五星级Grade>  
  613.   Hotel>  
  614.   <Hotel>  
  615.   <Name>五湖宾馆Name>  
  616.   <Address>东平路99号Address>  
  617.   <HomePage>www.wuhu.com.cnHomePage>  
  618.   <E-Mail>[email protected]E-Mail>  
  619.   <TelePhone>(0979)1111666TelePhone>  
  620.   <Grade>四星级Grade>  
  621.   Hotel>  
  622.   <Hotel>  
  623.   <Name>“大沙漠”宾馆Name>  
  624.   <Address>留香路168号Address>  
  625.   <HomePage>www.dashamohotel.com.cnHomePage>  
  626.   <E-Mail>[email protected]E-Mail>  
  627.   <TelePhone>(0989)87878788TelePhone>  
  628.   <Grade>五星级Grade>  
  629.   Hotel>  
  630.   <Hotel>  
  631.   <Name>“画眉鸟”大酒店Name>  
  632.   <Address>血海飘香路2号Address>  
  633.   <HomePage>www.throstlehotel.com.cnHomePage>  
  634.   <E-Mail>[email protected]E-Mail>  
  635.   <TelePhone>(099)9886666TelePhone>  
  636.   <Grade>五星级Grade>  
  637.   Hotel>  
  638.   HotelList>  
  639.   XML>  
  640.   
  641.   body>   
  642.   HTML> //xml数据岛中添加记录  
  643. 199.模式窗口  
  644. 父窗口  
  645. var url="aaa.jsp";  
  646. var  
  647.   
  648. data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab  
  649.   
  650. le:Yes;edge:sunken");  
  651. if(data)  
  652.  alert(data.value);  
  653.    
  654. 子窗口  
  655. var data=new Object();  
  656. data.value1="china";  
  657. window.returnValue=data;  
  658. window.close();  
  659.   
  660.    
  661. 200.动态设置事件,带参数  
  662. <INPUT TYPE="text" NAME="a1">  
  663. <SCRIPT LANGUAGE="JavaScript">  

你可能感兴趣的:(javascript,正则表达式,border,url,function,behavior)