231个javascript特效分享 (中)

谁践踏了优雅 2022-08-07 09:58 143阅读 0赞

107.页面翻转  
<html dir=rtl></html>//  
  
108.滚屏  
parent.scroll(x,y);//  
<body>//  
  
109.改变状态栏  
self.status ="";//  
  
110.改变窗口大小  
window.resizeTo(200,300);//  
  
111.改变鼠标样式  
style  
BODY\{CURSOR: url('mouse.ani');  
SCROLLBAR-BASE-COLOR: \#506AA8;  
SCROLLBAR-ARROW-COLOR: \#14213F;  
\}//  
  
112.背景透明  
<input type="button" value="Button" style=" border: 0;">//  
  
113.鼠标为等待形状  
<input type=button>//  
  
114.调用父窗口的函数  
opener.fucntion1();//  
  
115.body的内部html代码  
<input type="button" value="查看">//  
  
116.框架中调用父窗口的函数  
<INPUT TYPE='button' οnclick='parent.test();' value='调用parent窗口的函数'>//  
  
117.交换节点  
<table width=200 height=200 border>  
<tr><td id=c1>CELL\_1</td></tr>  
<tr><td id=c2>CELL\_2</td></tr>  
</table>  
<br>  
<input type="button" value="swap row">//  
  
118.删除节点  
<table width=200 height=200 border>  
<tr id=trall><td id=c1>CELL\_1</td></tr>  
<tr><td id=c2>CELL\_2</td></tr>  
</table>  
<br>  
<input type="button" value="swap row">//  
  
119.添加节点  
addNode()//  
  
120.获得事件的父与子标签  
event.srcElement.children\[0\]和event.srcElement.parentElement //  
  
  
121.集中为按钮改变颜色  
<style>  
button\{benc:expression(this.onfocus = function()\{this.style.backgroundColor='\#E5F0FF';\})\}  
</style>  
<button>New</button>//  
  
  
122.判断是左键还是右键被按下  
<body οnmοusedοwn=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">  
<SCRIPT LANGUAGE="JavaScript">  
  
</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>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>  
<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><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 运算符创建对象[实例][Link 1]。  
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");  
//本代码启动创建对象的[应用][Link 2]程序（在这种情况下，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=打印预览>  
<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">//  
  
152.不通过form，直接通过名字引用对象  
<INPUT TYPE="text" NAME="gg" value=aaaaa>  
<SCRIPT LANGUAGE="JavaScript">  
  
</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"  
  
οnclick="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;//  
  
5074.向下拉框指定位置添加项目  
var op = document.createElement("OPTION");  
document.all.selected\_items.children(index).insertAdjacentElement("BeforeBegin",op);  
op.text = document.all.all\_items.text;  
op.value = document.all.all\_items.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;  
\}  
\}  
\}  
// 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>  
<![titter.gif][]RICE>10.90</PRICE>  
<YEAR>1985</YEAR>  
</CD>  
<CD>  
<TITLE>Hide your heart</TITLE>  
<ARTIST>Bonnie Tyler</ARTIST>  
<COUNTRY>UK</COUNTRY>  
<COMPANY>CBS Records</COMPANY>  
<![titter.gif][]RICE>9.90</PRICE>  
<YEAR>1988</YEAR>  
</CD>  
<CD>  
<TITLE>Greatest Hits</TITLE>  
<ARTIST>Dolly Parton</ARTIST>  
<COUNTRY>USA</COUNTRY>  
<COMPANY>RCA</COMPANY>  
<![titter.gif][]RICE>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>  
<![titter.gif][]RICE>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)  
  
/利用正则表达式限制网页表单里的文本框输入内容：  
  
用正则表达式限制只能输入中文：οnkeyup="value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,'')"  
  
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\u4E00-\\u9FA5\]/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">  
<INPUT TYPE = BUTTON Value = "读取cookie"><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)  
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)】菜单中的命令的实现  
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("![titter.gif][]rivacySettings",null)  
\[说明\]打开internet选项对话框。  
\[举例\]在<body></body>之间加入：  
<a href="\#\#\#" οnclick=window.external.showBrowserUI("![titter.gif][]rivacySettings",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("![titter.gif][]rivacySettings",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>  
<input type=text name="a1" epass="zhongguo">  
</BODY>//  
  
  
187.xmlhttp技术  
<BODY> 此方法是通过XMLHTTP对象从服务器获取XML文档，示例如下。  
<input type=button value="加载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.respon\*\*ML;//获取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)"/>//

[Link 1]: http://www.html5cn.org/portal.php?mod=list&catid=17
[Link 2]: http://www.html5cn.org/portal.php?mod=list&catid=20
[titter.gif]: http://bbs.html5cn.org/static/image/smiley/default/titter.gif