121.集中為按鈕改變顏色
<style>
button{benc:expression(this.onfocus = function(){this.style.backgroundColor='#E5F0FF';})}
</style>
<button>New</button>//
122.判斷是左鍵還是右鍵被按下
<body onmousedown=if(event.button==1)alert("左鍵");if(event.button==2)alert("右鍵")>//
123.獲得操作系統的名稱和瀏覽器的名稱
document.write(navigator.userAgent)//
124.alt/ctrl/shift鍵按下
event.altKey //按下alt鍵
event.ctrlKey //按下ctrl鍵
event.shiftKey //按下shift鍵
125.將當前位置定位為C盤。
{window.location="c:"}//
126.返回輸入框的類型
<script>
alert(event.srcElement.type);//
</script>
127.模擬控件的單擊事件
<INPUT TYPE="hidden" name="guoguo" onclick="haha()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function haha()
{
alert();
}
guoguo.click();
//-->
</SCRIPT>//
128.取出記錄集的列名
java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);
java.sql.ResultSetMetaData metaData = rset.getMetaData();
int count = metaData.getColumnCount();
String name = metaData.getColumnName(i);
String value = rset.getString(i);//
129.格式化數字
function format_number(str,digit)
{
if(isNaN(str))
{
alert("您傳入的值不是數字！");
return 0;
}
else if(Math.round(digit)!=digit)
{
alert("您輸入的小數位數不是整數！");
return 0;
}
else
return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}
130.回車按鈕轉化為tab按鈕
if(event.keyCode==13) event.keyCode=9; //將
131.滾動條滾動
<button onclick="text1.scrollTop=text1.scrollHeight">Scroll</button><br>
<textarea id="text1" cols=50 rows=10>
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
</textarea>//
132.判斷是什么對象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return false;//
133.取消文本框自動完成功能
<input type="text" autocomplete="off"> //
134.讓下拉框自動下拉
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
</select> //
135.讀取XML文件
var childrenobj=myselect//document.all.myselect;
var oXMLDoc = new ActiveXObject('MSXML');
oXMLDoc.url = "mymsg.xml";
var oRoot=oXMLDoc.root;
if(oRoot.children != null)
{
for(var i=0;i<oRoot.children.item(0).children.length;++i)
{
oItem = oRoot.children.item(0).children.item(i);
oOption = new Option(oItem.text,oItem.value);
childrenobj.add(oOption);
}
}
//mymsg.xml文件
<?xml version="1.0" encoding="gb2312" ?>
<childrenlist>
<aa>
<child value='3301'>杭州地區</child>
<child value='3303'>溫州地區</child>
</aa>
<aa>
<child value='3310'>臺州地區</child>
<child value='3311'>麗水地區</child>
</aa>
</childrenlist>//
136.點擊圖片，圖片停止
<a href="javascript:"><img src="http://www.51js.com/images/51js/red_forum.gif" border="0"></a>//
137.顯示本地計算機信息
var WshNetwork = new ActiveXObject("WScript.Network");
alert("Domain = " + WshNetwork.UserDomain);
alert("Computer Name = " + WshNetwork.ComputerName);
alert("User Name = " + WshNetwork.UserName);//
138.比較時間
tDate = new Date(2004,01,08,14,35); //年,月，日，時，分
dDate = new Date();
tDate<dDate?alert("早于"):alert("晚于");//
139.彈出鼠標所在處的鏈結地址
<body onmouseover="if (event.srcElement.tagName=='A')alert(event.srcElement.href)"><a
href="http://51js.com/viewthread.php?tid=13589" >dddd</a><input>//
140.注意不能通過與 undefined 做比較來測試一個變量是否存在，雖然可以檢查它的類型是否為“undefined”。在以
下的代碼范例中，假設程序員想測試是否已經聲明變量 x ：
// 這種方法不起作用
if (x == undefined)
// 作某些操作
// 這個方法同樣不起作用- 必須檢查
// 字符串 "undefined"
if (typeof(x) == undefined)
// 作某些操作
// 這個方法有效
if (typeof(x) == "undefined")
// 作某些操作
141.創建具有某些屬性的對象
var myObject = new Object();
myObject.name = "James";
myObject.age = "22";
myObject.phone = "555 1234";//
142.枚舉（循環）對象的所有屬性
for (var a in myObject)
{
// 顯示 "The property 'name' is James"，等等。
window.alert("The property '" + a + "' is " + myObject[a]);
}//
143.判斷一個數字是否是整數
var a=23.2;
alert(a%1==1)//
144.新建日期型變量
var a = new Date(2000, 1, 1);
alert(a.toLocaleDateString());
145.給類定義新的方法
function trim_1()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.trim=trim_1;
alert('cindy'.trim());
146.定義一個將日期類型轉化為字符串的方法
function guoguo_date()
{
var tmp1,tmp2;
tmp1 =this.getMonth()+1+"";
if(tmp1.length<2)
tmp1="0"+tmp1;
tmp2 =this.getDate()+"";
if(tmp2.length<2)
tmp2="0"+tmp2;
return this.getYear()+"-"+tmp1+"-"+tmp2;
}
Date.prototype.toLiteString=guoguo_date;
alert(new Date().toLiteString())
147. pasta 是有四個參數的構造器,定義對象。
function pasta(grain, width, shape, hasEgg)
{
// 是用什么糧食做的？
this.grain = grain;
// 多寬？（數值）
this.width = width;
// 橫截面形狀？（字符串）
this.shape = shape;
// 是否加蛋黃？（boolean）
this.hasEgg = hasEgg;
//定義方法
this.toString=aa;
}
function aa()
{
;
}
//定義了對象構造器后，用 new 運算符創建對象實例。
var spaghetti = new pasta("wheat", 0.2, "circle", true);
var linguine = new pasta("wheat", 0.3, "oval", true);
//補充定義屬性，spaghetti和linguine都將自動獲得新的屬性
pasta.prototype.foodgroup = "carbohydrates";
148.打印出錯誤原因
try
{
x = y // 產生錯誤。
}
catch(e)
{
document.write(e.description) //打印 "'y' is undefined".
}//
149.生成Excel文件并保存
var ExcelSheet;
ExcelApp = new ActiveXObject("Excel.Application");
ExcelSheet = new ActiveXObject("Excel.Sheet");
//本代碼啟動創建對象的應用程序（在這種情況下，Microsoft Excel 工作表）。一旦對象被創建，就可以用定義的對
象變量在代碼中引用它。 在下面的例子中，通過對象變量 ExcelSheet 訪問新對象的屬性和方法和其他 Excel 對象，
包括 Application 對象和 ActiveSheet.Cells 集合。
// 使 Excel 通過 Application 對象可見。
ExcelSheet.Application.Visible = true;
// 將一些文本放置到表格的第一格中。
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
// 保存表格。
ExcelSheet.SaveAs("C:\\TEST.XLS");
// 用 Application 對象用 Quit 方法關閉 Excel。
ExcelSheet.Application.Quit();//
150.根據標簽獲得一組對象
var coll = document.all.tags("DIV");
if (coll!=null)
{
for (i=0; i<coll.length; i++)
...
}//
151.實現打印預覽及打印
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button value=打印預覽 onclick="wb.execwb(7,1)">
<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">//
152.不通過form，直接通過名字引用對象
<INPUT TYPE="text" NAME="gg" value=aaaaa>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.all.gg.value)
//-->
</SCRIPT>//
153.使鼠標滾輪失效
function document.onmousewheel()
{
return false;
}//
154.創建彈出窗口
<SCRIPT LANGUAGE="JScript">
var oPopup = window.createPopup();
var oPopupBody = oPopup.document.body;
oPopupBody.innerHTML = "Display some <B>HTML</B> here.";
oPopup.show(100, 100, 200, 50, document.body);
</SCRIPT>//
155.取得鼠標所在處的對象
var obj = document.elementFromPoint(event.x,event.y);//
156.獲得左邊的對象
<INPUT TYPE="text" NAME="gg"><INPUT TYPE="text" NAME="bb"
onclick="this.previousSibling.value='guoguo'">//
157.定位鼠標
document.all.hint_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">
<!--
BODY {background-image:img/bgchild.jpg;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>//背景圖片居中
163.設置透明效果
document.form.xxx.filters.alpha.opacity=0～100//
164.定義方法
var dragapproved=false;
document.onmouseup=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 "";
}
// http://www.knowsky.com/ 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" ?>
<!-- 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";//
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"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)
/////////利用正則表達式限制網頁表單里的文本框輸入內容：
用正則表達式限制只能輸入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'')
)"
用正則表達式限制只能輸入全角字符： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'')
)"
用正則表達式限制只能輸入數字：onkeyup="value=value.replace(/[^\d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
用正則表達式限制只能輸入數字和英文：onkeyup="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">
<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="###" onclick=document.execCommand("open")>打開</a>
2、〖使用 記事本 編輯〗命令的實現
[格式]:location.replace("view-source:"+location)
[說明]打開記事本，在記事本中顯示該網頁的源代碼。
[舉例]在<body></body>之間加入：
<a href="###" onclick=location.replace("view-source:"+location)>使用 記事本編輯</a>
3、〖另存為〗命令的實現
[格式]:document.execCommand("saveAs")
[說明]將該網頁保存到本地盤的其它目錄！
[舉例]在<body></body>之間加入：
<a href="###" onclick=document.execCommand("saveAs")>另存為</a>
4、〖打印〗命令的實現
[格式]:document.execCommand("print")
[說明]當然，你必須裝了打印機！
[舉例]在<body></body>之間加入：
<a href="###" onclick=document.execCommand("print")>打印</a>
5、〖關閉〗命令的實現
[格式]:window.close();return false
[說明]將關閉本窗口。
[舉例]在<body></body>之間加入：
<a href="###" onclick=window.close();return false)>關閉本窗口</a>
180.【編輯(E)】菜單中的命令的實現
〖全選〗命令的實現
[格式]:document.execCommand("selectAll")
[說明]將選種網頁中的全部內容！
[舉例]在<body></body>之間加入：
<a href="###" onclick=document.execCommand("selectAll")>全選</a>
181.【查看(V)】菜單中的命令的實現
1、〖刷新〗命令的實現
[格式]:location.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入：
<a href="###" onclick=location.reload()>刷新</a>
或加入:
<a href="###" onclick=history.go(0)>刷新</a>
2、〖源文件〗命令的實現
[格式]:location.replace("view-source:"+location)
[說明]查看該網頁的源代碼。
[舉例]在<body></body>之間加入：
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a>
3、〖全屏顯示〗命令的實現
[格式]:window.open(document.location, "url", "fullscreen")
[說明]全屏顯示本頁。
[舉例]在<body></body>之間加入：
<a href="###" onclick=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="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a>
183.【工具(T)】菜單中的命令的實現
〖internet選項〗命令的實現
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[說明]打開internet選項對話框。
[舉例]在<body></body>之間加入：
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項</a>
184.【工具欄】中的命令的實現
1、〖前進〗命令的實現
[格式]history.go(1) 或 history.forward()
[說明]瀏覽器打開后一個頁面。
[舉例]在<body></body>之間加入：
<a href="###" onclick=history.go(1)>前進</a>
或加入:
<a href="###" onclick=history.forward()>前進</a>
2、〖后退〗命令的實現
[格式]:history.go(-1) 或 history.back()
[說明]瀏覽器返回上一個已瀏覽的頁面。
[舉例]在<body></body>之間加入：
<a href="###" onclick=history.go(-1)>后退</a>
或加入:
<a href="###" onclick=history.back()>后退</a>
3、〖刷新〗命令的實現
[格式]:document.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入：
<a href="###" onclick=location.reload()>刷新</a>
或加入:
<a href="###" onclick=history.go(0)>刷新</a>
185.其它命令的實現
〖定時關閉本窗口〗命令的實現
[格式]:settimeout(window.close(),關閉的時間)
[說明]將關閉本窗口。
[舉例]在<body></body>之間加入：
<a href="###" onclick=settimeout(window.close(),3000)>3秒關閉本窗口</a>
【附】為了方便讀者，下面將列出所有實例代碼，你可以把它們放到一個html文件中，然后預覽效果。
<a href="###" onclick=document.execCommand("open")>打開</a><br>
<a href="###" onclick=location.replace("view-source:"+location)>使用 記事本編輯</a><br>
<a href="###" onclick=document.execCommand("saveAs")>另存為</a><br>
<a href="###" onclick=document.execCommand("print")>打印</a><br>
<a href="###" onclick=window.close();return false)>關閉本窗口</a><br>
<a href="###" onclick=document.execCommand("selectAll")>全選</a><br>
<a href="###" onclick=location.reload()>刷新</a> <a href="###" onclick=history.go(0)>刷新</a><br>
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a><br>
<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏顯示</a><br>
<a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天極網頁陶吧')">添加到收藏
夾</a><br>
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a><br>
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項</a><br>
<a href="###" onclick=history.go(1)>前進1</a> <a href="###" onclick=history.forward()>前進2</a><br>
<a href="###" onclick=history.go(-1)>后退1</a> <a href="###" onclick=history.back()>后退2</a><br>
<a href="###" onclick=settimeout(window.close(),3000)>3秒關閉本窗口</a><br>
186.給DHTML中的標簽添加一個新的屬性，可以隨意加
<BODY onload="alert(a1.epass)">
<input type=text name="a1" epass="zhongguo">
</BODY>//
187.xmlhttp技術
<BODY> 此方法是通過XMLHTTP對象從服務器獲取XML文檔，示例如下。
<input type=button value="加載XML文檔" onclick="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="<< 第一條記錄" onclick="theXMLisland.recordset.moveFirst()">
<input id="prev" TYPE=button value="<上一條記錄" onclick="theXMLisland.recordset.movePrevious()">
<input id="next" TYPE=button value="下一條記錄>" onclick="theXMLisland.recordset.moveNext()">
<input id="last" TYPE=button value="最后一條記錄>>" onclick="theXMLisland.recordset.moveLast()">
<input id="Add" TYPE=button value="添加新記錄" onclick="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">
<!--
function hah(para)
{
alert(para)
}
a1.onclick=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;//
206.判斷字符是否匹配.
string.match(regExpression)//
207.
href="javascript:document.Form.Name.value='test';void(0);"http://不能用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 onmouseover="this.style.zoom='200%'" onmouseout="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> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </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;}//
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:" onclick="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='復制粘貼' onclick="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:
...
case String:
...
case MyObject:
...
default:
...
}//
227.圖片加載失敗時重新加載圖片
<img src="aa.gif" onerror="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>
posted on 2007-07-22 10:36
matthew 閱讀(402)
評論(0) 編輯 收藏 所屬分類:
JavaEE