js 技巧大全(2)

索引：

 

164. 定義常量的關鍵字:const,定義變量的關鍵字:var
165.將數字轉化爲人民幣大寫形式
166.xml數據島綁定表格
167.以下組合可以正確顯示漢字
168.XML操作
169.動態修改CSS的另一種方式
170. isNaN(變量):測試是否爲數值型.
171.設置和使用cookie
172.取月的最後一天
173.判斷當前的焦點是組中的哪一個
174.
175.在web.xml中添加定義
176.標籤庫中定義abc.tld
177.在使用自定義標籤的頁面中加入自己定義的標籤
178.顯示帶邊框的集
179.【文件(F)】菜單中的命令的實現
180.【編輯(E)】菜單中的命令的實現
181.【查看(V)】菜單中的命令的實現
182.【收藏(A)】菜單中的命令的實現
183.【工具(T)】菜單中的命令的實現
184.【工具欄】中的命令的實現
185.其它命令的實現

179~185之總結
186.給DHTML中的標籤添加一個新的屬性，可以隨意加
187.xmlhttp技術
188.服務器端通過request.getReader()獲得傳入的字符串
189.在java中使用正則表達式
190.給下拉框分組
191.加註音
192.加刪除線
193.取frame中的event事件
194.是彈出方法的定義
195.防止網頁被包含
196.讓網頁一直在frame裏面
197.加爲首頁
198.xml數據島操作
199.模式窗口

200.動態設置事件，帶參數
201.將url轉化爲16進制形式
202.打開新的窗口並將新打開的窗口設置爲活動窗口
203.容錯腳本
204.JS中的窗口重定向:
205.防止鏈接文字折行
206.null
207.（無法定義）
208.進行頁面放大
209.放置在頁面的最右邊
210.通過style來控制隔行顯示不同顏色
211.全屏最大化
212.根據名字解析xml中的節點值
213.在頁面上解析xml的值
214.看一個字符串裏面有多少個回車符，返回值是一個數組
215. null
216.文字居右對齊
217.判斷一個方法是否存在
218.判斷一個變量是否定義
219.javascript執行本機的可執行程序,需設置爲可信或者降低IE安全級別
220.彈出新頁面，關閉舊頁面，不彈出提示框
221.能輸入的下拉框
222.在方法中定義全局變量
223.顯示一個對象的全部的屬性和屬性的值
224.16進制轉換成10進制
225.複製粘貼
226.獲得對象類型
227.圖片加載失敗時重新加載圖片
228.css
229.可以通過css和htc改變表格的顏色,僅IE支持
230.在頁面上畫點
231.自動關閉網頁
232.判斷數字及奇偶
233.js中實現trim

234.傳統的HTML文檔順序是:document->html->(head,body)

235.一個瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)

236.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value)

237.一個小寫轉大寫的JS: document.getElementById("output").value=document.getElementById("input").value.toUpperCase();

238. JS的內建對象:

239.JS中的字符型轉換成數值型:parseInt(),parseFloat()

240.JS中的數字轉換成字符型: (""+變量)；JS中的字符型轉換成數字: 變量*1

241.JS中的取字符串長度是:(length)

242.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

243.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self

244.狀態欄的設置:window.status="字符"; 默認的狀態欄文字設置:window.defaultStatus = '文字.';

245.彈出提示信息:window.alert("字符");

246.彈出確認框:window.confirm();

247.彈出輸入提示框:window.prompt();

248.指定當前顯示鏈接的位置:window.location.href="URL"

249.取出窗體中的所有表單的數量:document.forms.length

250.關閉文檔的輸出流:document.close();

251.創建一個文檔元素:document.createElement(),document.createTextNode()

252.設置表單中所有文本型的成員的值爲空

253.複選按鈕在JS中判斷是否選中:document.forms[0].checkThis.checked (checked屬性代表爲是否選中返回TRUE或FALSE)

254.單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長度document.forms[0].groupName.length

255.單選按鈕組判斷是否被選中也是用checked.

256.下拉列表框的值:document.forms[0].selectName.options[n].value (n有時用下拉列表框名稱加上.selectedIndex來確定被選中的值)

257. 字符串操作

258. 數學函數

259. 日期函數

260.窗口的父子關係

261. 當在超鏈接中調用JS函數時用:(javascript :)來開頭後面加函數名

262. 窗口全屏大小

263. JS中的all代表其下層的全部元素

264. JS中的焦點順序:document.getElementByid("表單元素").tabIndex = 1

265. innerHTML的值是表單元素的值:如how are you,則innerHTML的值就是:how are you

266. innerTEXT的值和上面的一樣,只不過不會把這種標記顯示出來.

267. contentEditable可設置元素是否可被修改,isContentEditable返回是否可修改的狀態.

268. isDisabled判斷是否爲禁止狀態.disabled設置禁止狀態

269. window.focus()使當前的窗口在所有窗口之前.

270. blur()指失去焦點.與FOCUS()相反.

271. select()指元素爲選中狀態.

272. 防止用戶對文本框中輸入文本:οnfοcus="this.blur()"

273. 取出該元素在頁面中出現的數量:document.all.tags("div(或其它HTML標記符)").length

274. JS中分爲兩種窗體輸出:模態和非模態.window.showModaldialog(),window.showModeless()

275. 添加到收藏夾:external.AddFavorite("http://www.dannyg.com"t;,"jaskdlf");

276. JS中遇到腳本錯誤時不做任何操作:window. a = doNothing;

       指定錯誤句柄的語法爲:window.onerror = handleError;

277. JS中關閉當前的窗口:window.close();

278.  

279. JS中的打印:window.print()

280. JS中的提示輸入框:window.prompt("message","defaultReply");

281. JS中的窗口滾動條:window.scroll(x,y)

282. JS中的窗口滾動到位置:window.scrollby

283. JS中設置時間間隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout

284. JS 中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.οnbefοreunlοad=verifyClose;

285. 當窗體第一次調用時使用的文件句柄:onload()

286. 當窗體關閉時調用的文件句柄:onunload()

287. window.location 的屬性: protocol(http:),hostname(example.com),port(80),host(example.com:80),pathname("/a /a.html"),hash("#giantGizmo",指跳轉到相應的錨記),href(全部的信息)

288. window.location.reload()刷新當前頁面.

289. window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可以使用訪問過的URL)

290. document.write()不換行的輸出,document.writeln()換行輸出

 

 =================================================================

 

 

正文：

 

 
165.將數字轉化爲人民幣大寫形式

/**
* 將數字轉化爲人民幣大寫形式
*@return 正常則返回轉型後的字符串；異常則返回 "false"
*/
function convertCurrency(currencyDigits) {
  //alert(currencyDigits);
  // 定義常量:
  var MAXIMUM_NUMBER = 999999999999.99;//定義最高價錢，單位：元
  // 定義要輸出的貨幣以及文字基數:
  var CN_SYMBOL = "人民幣";
 
  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_DOLLAR = "元";
  var CN_TEN_CENT = "角";
  var CN_CENT = "分";
 
  var CN_INTEGER = "整";
 
  // 定義變量:
  var integral; // 聲明整數部分
  var decimal; // 聲明小數部分
  var outputCharacters; // 輸出結果
  var parts;
  var digits, radices, bigRadices, decimals;
  var zeroCount;
  var i, p, d;
  var quotient, modulus;
 
  //判斷輸入的參數:
  currencyDigits = currencyDigits.toString();
  alert(currencyDigits);
  if (currencyDigits == "") {
   alert("請輸入數字！");
   return "false";
  }
  if (currencyDigits.match(/[^,.\d]/) != null) {//非逗號，可以是小數點或數字
   alert("僅可輸入數字，請輸入正確的數字！");
   return "false";
  }
  if ((currencyDigits).match(/^((\d{1,3}(,\d{3})*(.((\d{3},)*\d{1,3}))?)|(\d+(.\d+)?))$/) == null) {
   alert("輸入數字有誤，請輸入正確的數字！");
   return "false";
  }
 
  // 格式化數字:
  currencyDigits = currencyDigits.replace(/,/g, ""); // 刪除逗號
  currencyDigits = currencyDigits.replace(/^0+/, ""); // 刪除開始的0
  // 判斷當前數字是否越界
  if (Number(currencyDigits) > MAXIMUM_NUMBER) {
   alert("輸入數字越界，請正確輸入數字！（注：上限爲："+MAXIMUM_NUMBER+CN_DOLLAR+"）");
   return "false";
  }
 
  // 判斷是否含有小數
  // 先分離整數部分和小數部分
  parts = currencyDigits.split(".");
  if (parts.length > 1) {//含小數
   integral = parts[0];
   decimal = parts[1];
   // 僅取小數部分的前兩位.
   decimal = decimal.substr(0, 2);
  }
  else {//不含小數
   integral = parts[0];
   decimal = "";
  }
  //準備對應的字符
  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);
  //開始處理
  outputCharacters = "";
  //處理整數部分
  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;
  }
  //處理小數部分
  if (decimal != "") {
   for (i = 0; i < decimal.length; i++) {
    d = decimal.substr(i, 1);
    if (d != "0") {
     outputCharacters += digits[Number(d)] + decimals[i];
    }
   }
  }
  //返回最後的字符串
  if (outputCharacters == "") {
   outputCharacters = CN_ZERO + CN_DOLLAR;
  }
  if (decimal == "") {
    outputCharacters += CN_INTEGER;
  }
  outputCharacters = CN_SYMBOL + outputCharacters;
  //alert(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" ?>
 <!--  Edited with XML Spy v4.2
  -->
 <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";//

 

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;//

 

 

 

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">
<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>

【附179~185之總結
】爲了方便讀者，下面將列出所有實例代碼，你可以把它們放到一個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>[email protected]</E-Mail>
  <TelePhone>[phone]</TelePhone>
  <Grade>五星級</Grade>
  </Hotel>
  <Hotel>
  <Name>五湖賓館</Name>
  <Address>東平路99號</Address>
  <HomePage>www.wuhu.com.cn</HomePage>
  <E-Mail>[email protected]</E-Mail>
  <TelePhone>[phone]</TelePhone>
  <Grade>四星級</Grade>
  </Hotel>
  <Hotel>
  <Name>“大沙漠”賓館</Name>
  <Address>留香路168號</Address>
  <HomePage>www.dashamohotel.com.cn</HomePage>
  <E-Mail>[email protected]</E-Mail>
  <TelePhone>[phone]</TelePhone>
  <Grade>五星級</Grade>
  </Hotel>
  <Hotel>
  <Name>“畫眉鳥”大酒店</Name>
  <Address>血海飄香路2號</Address>
  <HomePage>www.throstlehotel.com.cn</HomePage>
  <E-Mail>[email protected]</E-Mail>
  <TelePhone>[phone]</TelePhone>
  <Grade>五星級</Grade>
  </Hotel>
  </HotelList>
  </XML>

  </body> 
  </HTML> //xml數據島中添加記錄

-------------------------------
 

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;resizable: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">
<!--
function hah(para)
{
 alert(para)
}
a1.οnclick=function()
{
 hah('canshu ')
}
//a1.attachEvent("onclick",function(){hah('參數')});
//-->
</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;//

 

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>
</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

fcccdf35.asp
//

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

 

 
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">
<!--
function haha()
{
 clipboardData.setData("Text",a1.value);
 aa.innerText=clipboardData.getData("Text");
}
//-->
</SCRIPT>
</BODY>//

226.獲得對象類型
switch (object.constructor){
   case Date:
   ...
   case Number:
   ...
   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">
<!--
setTimeout('window.close();', 10000); //60秒後關閉
// -->
</script>
<p align="center">本頁10秒後自動關閉,請注意刷新頁面</p>

 

 232.判斷數字與奇偶

function validat(num){

  if(isNaN(num)) {

      alert("非數字!");return false;

  } 
  if(num%2)//奇數  {    
  }
  else//偶數  {
  }

}

 

233.js中實現trim

<script type="text/javascript">
function trim(str){  //刪除左右兩端的空格
 return str.replace(/(^\s*)|(\s*$)/g, "");
}
function ltrim(str){  //刪除左邊的空格
 return str.replace(/(^\s*)/g,"");
}
function rtrim(str){  //刪除右邊的空格
 return str.replace(/(\s*$)/g,"");
}
</script>

 

 

238.JS的內建對象
有:String,Number,Boolean,Null,Object,Function
Array,Date,Error,EvalError,Math,RangeError,
ReferenceError,RegExp,SyntaxError,TypeError,URIError

 

252.設置表單中所有文本型的成員的值爲空:
var form = window.document.forms[0]
for (var i = 0; i if (form.elements.type == "text"){
form.elements.value = "";
}
}

 

257.字符串操作

字符串的定義:var myString = new String("This is lightsword");

字符串轉成大寫:string.toUpperCase(); 字符串轉成小寫:string.toLowerCase();

返回字符串2在字符串1中出現的位置:String1.indexOf("String2")!=-1則說明沒找到.

取字符串中指定位置的一個字符:StringA.charAt(9);

"abc".charCodeAt(第幾個),返回第幾個字符的ASCii碼值.

取出字符串中指定起點和終點的子字符串:stringA.substring(2,6);

字符串連接:string.concat(string2),或用+=進行連接
變量.indexOf("字符",起始位置),返回第一個出現的位置(從0開始計算)
string.lastIndexOf(searchString[,startIndex])最後一次出現的位置.
string.match(regExpression),判斷字符是否匹配.
string.replace(regExpression,replaceString)替換現有字符串.
string.split(分隔符)返回一個數組存儲值.
string.substr(start[,length])取從第幾位到指定長度的字符串.
string.toLowerCase()使字符串全部變爲小寫.
string.toUpperCase()使全部字符變爲大寫.

 

 

258.數學函數:Math.PI(返回圓周率),Math.SQRT2(返回開方),Math.max(value1,value2)返回兩個數中的最
在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四捨五入函數,Math.floor(Math.ra
ndom()*(n+1))返回隨機數

 

259.日期函數列表:

定義日期型變量:var today = new Date();

dateObj.getTime()得到時間,dateObj.getYear()得到年份,dateObj.getFullYear()得到
四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期幾,dat
eObj.getHours()得到小時,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTi
me(value)設置時間,dateObj.setYear(val)設置年,dateObj.setMonth(val)設置月,dateObj.setDate(va
l)設置日,dateObj.setDay(val)設置星期幾,dateObj.setHours設置小時,dateObj.setMinutes(val)設置分,
dateObj.setSeconds(val)設置秒 [注意:此日期時間從0開始計]

 

260.窗口的父子關係

parent代表父親對象,top代表最頂端對象
打開子窗口的父窗口爲:opener
表示當前所屬的位置:this

支持opener.opener...的多重繼續.

 

262 . 窗口全屏大小: window.open(openUrl,' 漢字 ','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,

width=300,height=230,top=0,left=0');