1.文本框焦點(diǎn)問題
onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件
onFocus:當(dāng)輸入獲得焦點(diǎn)后,產(chǎn)生該文件
Onchange:當(dāng)文字值改變時(shí),產(chǎn)生該事件
Onselect:當(dāng)文字加亮后,產(chǎn)生該文件
<input type="text" value="郭強(qiáng)" onfocus="if(value=='郭強(qiáng)') {value=''}" onblur="if
(value=='') {value='郭強(qiáng)'}">點(diǎn)擊時(shí)文字消失,失去焦點(diǎn)時(shí)文字再出現(xiàn)
2.網(wǎng)頁按鈕的特殊顏色
<input type=button name="Submit1" value="郭強(qiáng)" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.鼠標(biāo)移入移出時(shí)顏色變化
<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"
onMouseOver=this.style.color="red"? class="button">
4.平面按鈕
<input type=submit value=訂閱 style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;
BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">
5.按鈕顏色變化
<input type=text name="nick"? style="border:1px solid #666666;? font-size:9pt;? height:17px;
BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">
6.平面輸入框
<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">
7.使窗口變成指定的大小
<script>
window.resizeTo(300,283);
</script>
8.使文字上下滾動(dòng)
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和國(guó)
</table>??????? <!-- end head_scrolltext -->
</marquee>
9.狀態(tài)欄顯示該頁狀態(tài)
<base onmouseover="window.status='網(wǎng)站建設(shè) http://www.webmake.cn/' ;return true">
10.可以點(diǎn)擊文字實(shí)現(xiàn)radio選項(xiàng)的選定
<br>
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03"> 情侶 : 一次注冊(cè)兩個(gè)帳戶</label> <br>
11.可以在文字域的font寫onclick事件
12.打印</a>打印網(wǎng)頁
<a href='javascript:window.print ()'>
13.線型輸入框
<input type="text" name="key"? size="12" value="關(guān)鍵字" onFocus=this.select() onMouseOver=this.focus()
class="line">
14.顯示文檔最后修改日期
<script language=javascript>
function hi(str)
{
?document.write(document.lastModified)
?alert("hi"+str+"!")
}
</script>
15.可以在鼠標(biāo)移到文字上時(shí)就觸發(fā)事件
<html>
<head>
<script language="LiveScript">
<!-- Hiding
???? function hello() {
?????? alert("哈羅!");
???? }
</script>
</head>
<body>
<a href="" onMouseOver="hello()">link</a>
</body>
</html>
16.可以根據(jù)網(wǎng)頁上的選項(xiàng)來確定頁面顏色
<HTML>
<HEAD>
?<TITLE>background.html</TITLE>
</HEAD>
<SCRIPT>
<!--
function bgChange(selObj) {
?newColor = selObj.options[selObj.selectedIndex].text;
?document.bgColor = newColor;
?selObj.selectedIndex = -1;
?}
//-->
</SCRIPT>
<BODY STYLE="font-family:Arial">
<B>Changing Background Colors</B>
<BR>
?<FORM>
? <SELECT SIZE="8" onChange="bgChange(this);">
? <OPTION>Red
? <OPTION>Orange
? <OPTION>Yellow
? <OPTION>Green
? <OPTION>Blue
? <OPTION>Indigo
? <OPTION>Violet
? <OPTION>White
?<OPTION>pink
? </SELECT>
?</FORM>
</BODY>
</HTML>
17.將按鈕的特征改變
<style type="text/CSS">
<!--
.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF
#CCCCCC #CCCCCC #CCCCFF}
.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;
border-color: #CCFF99 #999999 #999999 #CCFF99}
-->
</style>
本例按鈕的代碼如下:
<input type="submit" name="Submit" value="提 交" onmouseover="this.className='style2'"
onmouseout="this.className='style1'" class="style1">
18.改變按鈕的圖片.
<style type="text/css">
<!--
.style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px}
.style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:
60px; height: 22px}
-->
</style>
本例的按鈕代碼如下:
<input type="submit" name="Submit2" value="提 交" onmouseover="this.className='style4'"
onmouseout="this.className='style3'" class="style3">
19.打印頁面
<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>
20.可以直接寫html語言
document.write("");
21.改變下拉框的顏色
<select name="classid"
onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)"
size="1" style="color:#008080;font-size: 9pt">
22.轉(zhuǎn)至目標(biāo)URL
window.location="http://guoguo"
23.傳遞該object的form
UpdateSN('guoqiang99267',this.form)
function UpdateSN(strValue,strForm)
{
? strForm.SignInName.value = strValue;
? return false;
}
24.文字標(biāo)簽
<label for="AltName4"><input name="AltName" type="RADIO" tabindex="931"? id="AltName4"
>guoqiang99859</label>
25.layer2為組件的ID,可以控制組件是否可見
document.all.item('Layer2').style.display = "block";
document.all.item('Layer2').style.display = "none";//
26.將頁面加入favorite中
<script language=javascript>
<!--
function Addme(){
url = "http://your.site.address"; //你自己的主頁地址
title = "Your Site Name"; //你自己的主頁名稱
window.external.AddFavorite(url,title);
-->
</script>//
27.過10秒自動(dòng)關(guān)閉頁面
< script language="JavaScript" >
function closeit() {
setTimeout("self.close()",10000)
}
< /script >
28.可以比較字符的大小
char=post.charAt(i);
if(!('0'<=char&&char<='9'))
29.將字符轉(zhuǎn)化為數(shù)字
month = parseInt(char)
30.點(diǎn)擊value非空的選項(xiàng)時(shí)轉(zhuǎn)向指定連接
?<select onchange='if(this.value!="")window.open(this.value)' class="textinput">
??? <option selected>主辦單位</option>
??? <option>-----------------</option>
??? <option value="http://www.bjd.com.cn/">北京日?qǐng)?bào)</option>
??? <option value="http://www.ben.com.cn/">北京晚報(bào)</option>
</select>
31.改變背景顏色
<td width=* class=dp bgColor=#FAFBFC onmouseover="this.bgColor='#FFFFFF';"
onmouseout="this.bgColor='#FAFBFC';">
32.改變文字輸入框的背景顏色
<style>
.input2 {background-image: url('../images/inputbg.gif');?? font-size: 12px; background-color:
#D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
</style>
<input name=content type=text size="47" class="input2" maxlength="50">
33.改變水平線的特征
<hr size="0" noshade color="#C0C0C0">
34.傳遞參數(shù)的方式
<a href="vote.asp?CurPage=8&id=3488">8</a>
35.頁內(nèi)跳轉(zhuǎn)
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
<a href="#5">5</a>
<a href="#6">6</a>
<a href="#7">7</a>
<a name="1">dfdf</a>
<a name="2">dfdf</a>//
36.兩個(gè)按鍵一起按下
if(event.ctrlKey && window.event.keyCode==13)//
37.刷新頁面
javascript:this.location.reload()//
38.將網(wǎng)頁的按鈕使能
<SCRIPT LANGUAGE="JavaScript">
function haha()
{
?for(var i=0;i<document.form1.elements.length;i++)
?{
? if(document.form1.elements[i].name.indexOf("bb")!=-1)
?? document.form1.elements[i].disabled=!document.form1.elements[i].disabled;
?}
}
</SCRIPT>
<BODY><form name=form1>
<INPUT TYPE="button" NAME="aa "? value=cindy onclick=haha()>
<INPUT TYPE="button" NAME="bb " value=guoguo>
<INPUT TYPE="button" NAME="bb " value=guoguo>
39.文字移動(dòng)
<marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>
40.雙擊網(wǎng)頁自動(dòng)跑
<SCRIPT LANGUAGE="JavaScript">
var currentpos,timer;
function initialize()
{
?timer=setInterval("scrollwindow()",1);
}
function sc()
{
?clearInterval(timer);
}
function scrollwindow()
{
?currentpos=document.body.scrollTop;
?window.scroll(0,++currentpos);
?if (currentpos != document.body.scrollTop)
? sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</SCRIPT>//
41.后退
<INPUT TYPE="button" onclick=window.history.back() value=back>
42.前進(jìn)
<INPUT TYPE="button" onclick=window.history.forward() value=forward>
43.刷新
<INPUT TYPE="button" onclick=document.location.reload() value=reload>
44.轉(zhuǎn)向指定網(wǎng)頁
document.location="http://ww"或者document.location.assign("http://guoguo.com")
45.在網(wǎng)頁上顯示實(shí)時(shí)時(shí)間
<SCRIPT LANGUAGE="JavaScript">
var clock_id;
window.onload=function()
{
?clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
}
</SCRIPT>//
46.可以下載文件
document.location.href="目標(biāo)文件"http://
47.連接數(shù)據(jù)庫(kù)
import java.sql.*;
String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";
Class.forName(myDBDriver);
Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");
Statement stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery(sql);
rs.getString("column1");//
48.可以直接在頁面“div”內(nèi)寫下所需內(nèi)容
<INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'">
<div id=a1></div>//
49.可以改變頁面上的連接的格式,使其為雙線
<style>
A:link {text-decoration: none; color:#0000FF; font-family: 宋體}
A:visited {text-decoration: none; color: #0000FF; font-family: 宋體}
A:hover {text-decoration: underline overline; color: FF0000}
</style>
<style>
A:link {text-decoration: none; color:#0000FF; font-family: 宋體}
A:visited {text-decoration: none; color: #0000FF; font-family: 宋體}
A:hover {text-decoration: underline overline line-through; color: FF0000}
TH{FONT-SIZE: 9pt}
TD{FONT-SIZE: 9pt}
body {SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7;
SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #e7e7e7;}
INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:
9pt; BORDER-LEFT-COLOR: #cccccc;
BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;
PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋體; FONT-SIZE: 9pt}
textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋體;
font-size: 9pt; font-style: bold;}
.text { font-family: "宋體"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px
1px 1px}
</style>完整的css
50.新建frame
<a
href="javascript:newframe('http://www.163.net/help/a_little/index.html','http://www.163.net/help/a_little
/a_13.html')"><img alt=幫助 border=0 src="http://bjpic.163.net/images/mail/button-help.gif"></a>
51.向文件中寫內(nèi)容
<%@ page import="java.io.*" %>
<%
?String str = "print me";
?//always give the path from root. This way it almost always works.
?String nameOfTextFile = "/usr/anil/imp.txt";
?try
?{
? PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));
? pw.println(str);
? //clean up
? pw.close();
?}
?catch(IOException e)
?{
? out.println(e.getMessage());
?}
%>
52.先讀文件再寫文件
<%@ page language = "java" %>
<%@ page contentType = "text/html; charSet=gb2312" %>
<%@ page import ="java.util.*" %>
<%@ page import ="java.lang.*" %>
<%@ page import ="javax.servlet.*" %>
<%@ page import ="javax.servlet.jsp.*" %>
<%@ page import ="javax.servlet.http.*" %>
<%@ page import="java.io.*" %>
eryrytry
<%
?int count=0;
?FileInputStream fi =new FileInputStream ("count.txt");
?ObjectInputStream si= new ObjectInputStream (fi);
?count =si.readInt();
?count++;
?out.print(count);
?si.close();
?FileOutputStream fo =new FileOutputStream ("count.txt");
?ObjectOutputStream so= new ObjectOutputStream (fo);
?so.writeInt(count);
?so.close();
%>
53.直線型輸入框
<INPUT name=Password size=10 type=password style="border-left-width: 0; border-right-width: 0;
border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">
54.可以將背景改為按鈕性狀,通過改變css改變屬性
<td width="65" align="center" bgcolor="#E0E0E0" onmouseover=this.className='mouseoverbt';
onmouseout=this.className='mouseout';><a href="tm.asp?classid=76"><font
color="#000000">錄音筆</font></a></td>
<style>
.mouseoverbt
{
?background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif);
?background-repeat: no-repeat;
}
.mouseout
{
?background-color: #E0E0E0;
}
</style>
55.同時(shí)按下CTRL和Q鍵
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//
56.以下是一個(gè)完整的顯示hint的代碼,其思想是當(dāng)鼠標(biāo)停留是將div中的內(nèi)容顯示在鼠標(biāo)出,當(dāng)鼠標(biāo)移出后在將該div隱
藏掉
---------------------------------------------------------------------------------------------------------
------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<style>
#hint{
?width:198px;
?border:1px solid #000000;
?background:#99ff33;
?position:absolute;
?z-index:9;
?padding:6px;
?line-height:17px;
?text-align:left;
?top: 1520px;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showme()
{
?var oSon=window.document.getElementById("hint");
?if (oSon==null) return;
?with (oSon)
?{
? innerText=guoguo.value;
? style.display="block";
? style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;
? style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;
?}
}
function hidme()
{
?var oSon=window.document.getElementById("hint");
?if (oSon==null) return;
?oSon.style.display="none";
}
//-->
</SCRIPT>
<BODY>
<text id=guoguo value=ga>
<a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd</a>
<div id=hint style="display:none"></div>
</BODY>
</HTML>
---------------------------------------------------------------------------------------------------------
------------
57.彈出窗口
方法一:<body onload="openwen()"> 瀏覽器讀頁面時(shí)彈出窗口;
方法二:<body onunload="openwen()"> 瀏覽器離開頁面時(shí)彈出窗口;
方法三:用一個(gè)連接調(diào)用:<a href="#" onclick="openwin()">打開一個(gè)窗口</a>
注意:使用的"#"是虛連接。
方法四:用一個(gè)按鈕調(diào)用:<input type="button" onclick="openwin()" value="打開窗口"> 何時(shí)裝載script
58.動(dòng)態(tài)改變字體的大小
function doZoom(size)
{
?? document.getElementById('zoom').style.fontSize=size+'px'
}
function aa()
{
?? var newWin=window.open(url);
?? newWin.document.form1.text1.value=value1;
}改變彈出窗口上域的屬性
opener.document.form2.text2.value=value2;改變父窗口的域的值
59.判斷是何種瀏覽器
var name = navigator.appName;
if (name == "Microsoft Internet Explorer")
?alert("IE");
else if (name == "Netscape")
?alert("NS");//
60.vbsscript確定框
<script language="VBScript">
<!--
MsgBox "確定刪除嗎?", 4
//-->
</script>//
61.復(fù)制內(nèi)容到剪切板
function JM_cc(bb)
{
??? var ob=eval("document.form1."+bb);
??? ob.select();
??? js=ob.createTextRange();
??? js.execCommand("Copy");
}//
62.java中建立數(shù)據(jù)庫(kù)連接取數(shù)據(jù)
public void init()
{
?String url="jdbc:odbc:javadata";
?try
?{
? Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
? Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password
? DatabaseMetaData dma=con.getMetaData();
? System.out.println("Connect to"+dma.getURL());
? System.out.println(";Driver "+dma.getDriverName());
? System.out.println(";Version "+dma.getDriverVersion());
? System.out.println("");
? Statement stmt=con.createStatement();
? ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql
? rs.next();
? String dispresult=rs.getString("name");
? System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc.
? rs.close();
? stmt.close();
? con.close();
?}
?catch(SQLException ex)
?{
? System.out.println("!!!SQL Exception !!!");
? while(ex!=null)
? {
?? System.out.println("SQLState:"+ex.getSQLState());
?? System.out.println("Message:"+ex.getMessage());
?? System.out.println("Vendor:"+ex.getErrorCode());
?? ex=ex.getNextException();
?? System.out.println("");
? }
?}
?catch(java.lang.Exception ex)
?{
? ex.printStackTrace();
?}
}//
63.最小化窗口
window.blur()//
64.文檔的路徑
document.URL//
65.定時(shí)執(zhí)行某段程序
setTimeout("change_color()",600);
66.設(shè)置為主頁
function makeHome(){
? netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");
? navigator.preference("browser.startup.homepage", location.href);
}//
67.設(shè)置為收藏
function addFav(){
? if(ie)
??? window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES');
? if(ns)
??? alert("Thanks for the bookmark!\n\nNetscape users click OK then press CTRL-D");
}//
68.判斷cookie是否可用
navigator.cookieEnabled;//
69.顯示有模式的有頁面的彈出窗口
function setbgcolor_onclick()
{
?var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");
?if (color != null)
?{
? document.compose.bgcolor.value = color;
?}
}//
70.截取小數(shù)點(diǎn)后兩位
var a=3454545.4454545;
alert(a.toFixed(2));//
71.禁止選擇頁面上的文字來拷貝
<script>
function noEffect() {
? with (event) {
??? returnValue = false;
??? cancelBubble = true;
? }
? return;
}
</script>
<body onselectstart="noEffect()" oncontextmenu="noEffect()">//
72.屏蔽右鍵菜單
oncontextmenu="event.returnValue = false"http://
73.事件禁止起泡
event.cancelBubble = true//
74.禁止在輸入框打開輸入法
<input style="ime-mode: disabled">//
75.屏蔽漢字和空格
<input name="txt"><input type="submit" onClick="alert(!/[^ -}]|\s/.test(txt.value))">//
76.用javascript判斷文件是否存在
function Exists(filespec)
{
?if (filespec)
?{
? var fso;
? fso = new ActiveXObject("Scripting.FileSystemObject");
? alert(fso.FileExists(filespec));
?}
}
選擇圖片 <input type=file name=f1><p>
<input type="submit" onClick="Exists(f1.value)">//
77.獲得當(dāng)前的文本框選中的文字
<input onmouseup="alert(document.selection.createRange().text)" value=123>//
78.跳轉(zhuǎn)至目標(biāo)頁面,同時(shí)不可返回
<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//
79.獲得當(dāng)前的行是表格的第幾行
<script>
function getrow(obj)
{
?? if(event.srcElement.tagName=="TD"){
?? curRow=event.srcElement.parentElement;
?? alert("這是第"+(curRow.rowIndex+1)+"行");
?? }
}
</script>
<table border="1" width="100%" onclick=getrow(this)>
? <tr>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
? </tr>
? <tr>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
??? <td width="20%"> </td>
? </tr>
</table>//
80.刪除表格某行,xx表示某行,下標(biāo)從0開始計(jì)算
document.all.myTable.deleteRow(xx)//
81.動(dòng)態(tài)的向表格中添加行
<table id="t1" border="1">
</table>
<script language="JavaScript">
function add()
{
?? t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
}//
?
82.event.x,event.clientX,event.offsetX區(qū)別:
x:設(shè)置或者是得到鼠標(biāo)相對(duì)于目標(biāo)事件的父元素的外邊界在x坐標(biāo)上的位置。 clientX:相對(duì)于客戶區(qū)域的x坐標(biāo)位置,不
包括滾動(dòng)條,就是正文區(qū)域。 offsetx:設(shè)置或者是得到鼠標(biāo)相對(duì)于目標(biāo)事件的父元素的內(nèi)邊界在x坐標(biāo)上的位置。
screenX:相對(duì)于用戶屏幕。
83.顯示是鼠標(biāo)按鈕的哪個(gè)
<body onMouseDown="alert(event.button)">點(diǎn)Mouse看看//
84.打開C盤
<form action="file:///c|/"><input type="submit" value="c:\ drive"></form>//
?
85.當(dāng)前屏幕的分辨率
screen.width、screen.height//
86.設(shè)置表格中的內(nèi)容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//
87.本地快捷鍵
<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">網(wǎng)上鄰居</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的電腦</a></p>
<p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文檔</a></p>
<p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}"
target="_blank">控制面板</a></p>
<p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">撥號(hào)網(wǎng)絡(luò)</a>(Windows 2000)</p>
88.IE菜單
<button onclick="min.Click()"><font face="webdings">0</font></button>//改變按鈕上的圖片
<input type=button? onclick="document.execCommand('CreateLink','true','true')"> //創(chuàng)建新連接
<input type=button? onclick="document.execCommand('print','true','true')"> //打印
<input type=button? onclick="document.execCommand('saveas','true','網(wǎng)站制作.htm')">//另存為htm
<input type=button? onclick="document.execCommand('saveas','true','網(wǎng)站制作.txt')">//另存為txt
document.execCommand("SaveAs")//保存為
document.execCommand('undo')//撤銷上一次操作
89.web對(duì)話框
<SCRIPT>
var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='<title>你要關(guān)閉我嗎</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
contents+='<tr><td align=center>';
contents+='你要關(guān)閉我嗎?<br>';
contents+='<img src=dark.gif onclick=self.close() alt="...關(guān)閉">';
contents+='<img src=jet.gif onclick=self.close() alt="全是關(guān)閉">';
contents+='</td></tr></table>';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
document.write(contents);
</SCRIPT>//
90.取第x,y的值
<button onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//
91.向新打開的網(wǎng)頁上寫內(nèi)容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//
93.返回
javascript:history.go(-2);//
94.將頁面上選中的內(nèi)容復(fù)制到剪貼板
abcdefg
<input type='button'
onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='復(fù)制頁面選中
的字符'>//
95.將頁面上選中的內(nèi)容復(fù)制到剪貼板
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false',
null);">////
96.鼠標(biāo)移到下拉框時(shí)自動(dòng)全部打開
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//
97.獲得本機(jī)的文件
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //
98.判斷客戶端是否是IE瀏覽器
因?yàn)?document.all 是 IE 的特有屬性,所以通常用這個(gè)方法來判斷客戶端是否是IE瀏覽器 ,document.all?1:0;
99.創(chuàng)建新的下拉框選項(xiàng)
new Option(text,value)這樣的函數(shù)//
100.在頁面上畫柱狀圖
<STYLE>
td{font-size:12px}
body{font-size:12px}
v\:*{behavior:url(#default#VML);} //這里聲明了v作為VML公用變量
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
mathstr=12;
document.write ("<v:rect fillcolor='red'
style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>4人<v:Extrusion
backdepth='15pt' on='true'/></v:rect>")
</SCRIPT>
<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion
backdepth='15pt' on='true'/></v:rect>
<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion
backdepth='15pt' on='true'/></v:rect>//
?
101.餅圖
<style>
v\:*???? { behavior: url(#default#VML) }
o\:*???? { behavior: url(#default#VML) }
.shape??? { behavior: url(#default#VML) }
</style>
<script language="javascript">
function show(pie)
{
pie.strokecolor=pie.fillcolor;
pie.strokeweight=10;
div1.innerHTML="<font size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title + "</font>";
}
function hide(pie)
{
pie.strokecolor="white";
pie.strokeweight=1;
div1.innerHTML="";
}
</script>
</head>
<body>
<v:group style='width: 5cm; height: 5cm' coordorigin='0,0' coordsize='250,250'>
<v:shape id='asp技術(shù)' style='width:10;height:10;top:10;left:0' title='得票數(shù):6 比例:40.00%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);'
CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'><v:path v='m 300,200 ae
300,200,200,150,0,9437184 xe'/></v:shape>
<v:shape id='php' style='width:10;height:10;top:10;left:0' title='得票數(shù):1 比例:6.67%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);'
CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'><v:path v='m 300,200 ae
300,200,200,150,9437184,1572864 xe'/></v:shape>
<v:shape id='jsp' style='width:10;height:10;top:10;left:0' title='得票數(shù):2 比例:13.33%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);'
CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'><v:path v='m 300,200 ae
300,200,200,150,11010048,3145728 xe'/></v:shape>
<v:shape id='c#寫的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票數(shù):3 比例:20.00%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);'
CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'><v:path v='m 300,200 ae
300,200,200,150,14155776,4718592 xe'/></v:shape>
<v:shape id='vb.net寫的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票數(shù):2 比例:13.33%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);'
CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'><v:path v='m 300,200 ae
300,200,200,150,18874368,3145728 xe'/></v:shape>
<v:shape id='xml技術(shù)' style='width:10;height:10;top:10;left:0' title='得票數(shù):1 比例:6.67%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);'
CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'><v:path v='m 300,200 ae
300,200,200,150,22020096,1572864 xe'/></v:shape>
</v:group>
<v:group style='width: 6cm; height: 6cm' coordorigin='0,0' coordsize='250,250'>
<v:rect style='height:10;width:15;top:0;left:10' fillcolor='#ffff33'/>
<v:rect style='height:28;width:100;top:0;left:30' stroked='false'><v:textbox
style='fontsize:2'>asp技術(shù)</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:30;left:10' fillcolor='#ff9933'/>
<v:rect style='height:28;width:100;top:30;left:30' stroked='false'><v:textbox
style='fontsize:2'>php</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:60;left:10' fillcolor='#3399ff'/>
<v:rect style='height:28;width:100;top:60;left:30' stroked='false'><v:textbox
style='fontsize:2'>jsp</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:90;left:10' fillcolor='#99ff33'/>
<v:rect style='height:28;width:100;top:90;left:30' stroked='false'><v:textbox
style='fontsize:2'>c#寫的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:120;left:10' fillcolor='#ff6600'/>
<v:rect style='height:28;width:100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net
寫的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:150;left:10' fillcolor='#ff99ff'/>
<v:rect style='height:28;width:100;top:150;left:30' stroked='false'><v:textbox style='fontsize:2'>xml技術(shù)
</v:textbox/></v:rect>
</v:group>
<div style="position: absolute; left: 10; top: 10; width: 760; height:16">
?<table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">
? <tr>
?? <td width="100%" id=div1> </td>
? </tr>
?</table>
</div>//
102.是一個(gè)特殊的容器,想裝個(gè)網(wǎng)頁都行
<button><iframe src="http://www.google.com/"></iframe></button>//button
103.外部的html代碼
event.srcElement.outerHTML//
104.標(biāo)識(shí)當(dāng)前的IE事件的觸發(fā)器
event.srcElement和event.keyCode//
105.事件類型
event.type//
106.動(dòng)態(tài)改變類型
<style>
.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}
.Outnone?? {border-width:0;background-color:white;cursor:default;width:115}
</style>
<input class=Outnone onmouseover=this.className='Overnone' >//
107.頁面翻轉(zhuǎn)
<html dir=rtl></html>//
108.滾屏
parent.scroll(x,y);//
<body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">//
109.改變狀態(tài)欄
self.status ="";//
110.改變窗口大小
window.resizeTo(200,300);//
111.改變鼠標(biāo)樣式
style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//
112.背景透明
<input type="button" value="Button" style="background-color: transparent; border: 0;">//
113.鼠標(biāo)為等待形狀
<input type=button onclick="this.style.cursor='wait'">//
114.調(diào)用父窗口的函數(shù)
opener.fucntion1();//
115.body的內(nèi)部html代碼
<input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//
116.框架中調(diào)用父窗口的函數(shù)
<INPUT TYPE='button' onclick='parent.test();' value='調(diào)用parent窗口的函數(shù)'>//
117.交換節(jié)點(diǎn)
<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"? onclick="c1.swapNode(c2)">//
118.刪除節(jié)點(diǎn)
<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"? onclick="trall.removeNode(c2)">//
119.添加節(jié)點(diǎn)
addNode()//
120.獲得事件的父與子標(biāo)簽
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 onmousedown=if(event.button==1)alert("左鍵");if(event.button==2)alert("右鍵")>//
123.獲得操作系統(tǒng)的名稱和瀏覽器的名稱
document.write(navigator.userAgent)//
124.alt/ctrl/shift鍵按下
event.altKey //按下alt鍵
event.ctrlKey //按下ctrl鍵
event.shiftKey //按下shift鍵
?
125.將當(dāng)前位置定位為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.格式化數(shù)字
function format_number(str,digit)
{
?if(isNaN(str))
?{
? alert("您傳入的值不是數(shù)字!");
? return 0;
?}
?else if(Math.round(digit)!=digit)
?{
? alert("您輸入的小數(shù)位數(shù)不是整數(shù)!");
? return 0;
?}
?else
? return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);
}
130.回車按鈕轉(zhuǎn)化為tab按鈕
if(event.keyCode==13) event.keyCode=9; //將
131.滾動(dòng)條滾動(dòng)
<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.判斷是什么對(duì)象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return false;//
133.取消文本框自動(dòng)完成功能
<input type="text" autocomplete="off"> //
134.讓下拉框自動(dòng)下拉
<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'>杭州地區(qū)</child>
<child value='3303'>溫州地區(qū)</child>
</aa>
<aa>
<child value='3310'>臺(tái)州地區(qū)</child>
<child value='3311'>麗水地區(qū)</child>
</aa>
</childrenlist>//
136.點(diǎn)擊圖片,圖片停止
<a href="javascript:"><img src="http://www.51js.com/images/51js/red_forum.gif" border="0"></a>//
137.顯示本地計(jì)算機(jī)信息
var WshNetwork = new ActiveXObject("WScript.Network");
alert("Domain = " + WshNetwork.UserDomain);
alert("Computer Name = " + WshNetwork.ComputerName);
alert("User Name = " + WshNetwork.UserName);//
138.比較時(shí)間
? tDate = new Date(2004,01,08,14,35); //年,月,日,時(shí),分
? dDate = new Date();
? tDate<dDate?alert("早于"):alert("晚于");//
139.彈出鼠標(biāo)所在處的鏈結(jié)地址
? <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 做比較來測(cè)試一個(gè)變量是否存在,雖然可以檢查它的類型是否為“undefined”。在以
下的代碼范例中,假設(shè)程序員想測(cè)試是否已經(jīng)聲明變量 x :
// 這種方法不起作用
if (x == undefined)
??? // 作某些操作
// 這個(gè)方法同樣不起作用- 必須檢查
// 字符串 "undefined"
if (typeof(x) == undefined)
??? // 作某些操作
// 這個(gè)方法有效
if (typeof(x) == "undefined")
??? // 作某些操作
141.創(chuàng)建具有某些屬性的對(duì)象
var myObject = new Object();
myObject.name = "James";
myObject.age = "22";
myObject.phone = "555 1234";//
142.枚舉(循環(huán))對(duì)象的所有屬性
for (var a in myObject)
{
??? // 顯示 "The property 'name' is James",等等。
??? window.alert("The property '" + a + "' is " + myObject[a]);
}//
143.判斷一個(gè)數(shù)字是否是整數(shù)
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.定義一個(gè)將日期類型轉(zhuǎn)化為字符串的方法
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 是有四個(gè)參數(shù)的構(gòu)造器,定義對(duì)象。
function pasta(grain, width, shape, hasEgg)
{
??? // 是用什么糧食做的?
??? this.grain = grain;
??? // 多寬?(數(shù)值)
??? this.width = width;????
??? // 橫截面形狀?(字符串)
??? this.shape = shape;??
??? // 是否加蛋黃?(boolean)
??? this.hasEgg = hasEgg;?
??? //定義方法
??? this.toString=aa;
}
function aa()
{
?;
}
//定義了對(duì)象構(gòu)造器后,用 new 運(yùn)算符創(chuàng)建對(duì)象實(shí)例。
var spaghetti = new pasta("wheat", 0.2, "circle", true);
var linguine = new pasta("wheat", 0.3, "oval", true);
//補(bǔ)充定義屬性,spaghetti和linguine都將自動(dòng)獲得新的屬性
pasta.prototype.foodgroup = "carbohydrates";
148.打印出錯(cuò)誤原因
try
{
?x = y?? // 產(chǎn)生錯(cuò)誤。
}
catch(e)
{
?? document.write(e.description)?? //打印 "'y' is undefined".
}//
149.生成Excel文件并保存
var ExcelSheet;
ExcelApp = new ActiveXObject("Excel.Application");
ExcelSheet = new ActiveXObject("Excel.Sheet");
//本代碼啟動(dòng)創(chuàng)建對(duì)象的應(yīng)用程序(在這種情況下,Microsoft Excel 工作表)。一旦對(duì)象被創(chuàng)建,就可以用定義的對(duì)
象變量在代碼中引用它。 在下面的例子中,通過對(duì)象變量 ExcelSheet 訪問新對(duì)象的屬性和方法和其他 Excel 對(duì)象,
包括 Application 對(duì)象和 ActiveSheet.Cells 集合。
// 使 Excel 通過 Application 對(duì)象可見。
ExcelSheet.Application.Visible = true;
// 將一些文本放置到表格的第一格中。
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
// 保存表格。
ExcelSheet.SaveAs("C:\\TEST.XLS");
// 用 Application 對(duì)象用 Quit 方法關(guān)閉 Excel。
ExcelSheet.Application.Quit();//
150.根據(jù)標(biāo)簽獲得一組對(duì)象
var coll = document.all.tags("DIV");
if (coll!=null)
{
for (i=0; i<coll.length; i++)
...
}//
???
151.實(shí)現(xiàn)打印預(yù)覽及打印
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button value=打印預(yù)覽 onclick="wb.execwb(7,1)">
<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">//
152.不通過form,直接通過名字引用對(duì)象
<INPUT TYPE="text" NAME="gg" value=aaaaa>
<SCRIPT LANGUAGE="JavaScript">
<!--
alert(document.all.gg.value)
//-->
</SCRIPT>//
153.使鼠標(biāo)滾輪失效
function document.onmousewheel()
{
?return false;
}//
?
154.創(chuàng)建彈出窗口
<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.取得鼠標(biāo)所在處的對(duì)象
var obj = document.elementFromPoint(event.x,event.y);//
156.獲得左邊的對(duì)象
<INPUT TYPE="text" NAME="gg"><INPUT TYPE="text" NAME="bb"
onclick="this.previousSibling.value='guoguo'">//
157.定位鼠標(biāo)
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.向下拉框指定位置添加項(xiàng)目
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.判斷一個(gè)窗口是否已經(jīng)打開,如果已經(jīng)打開,則關(guān)閉之
var a;
if(a)
?a.close();
else
?a=window.open('','','');//
160.動(dòng)態(tài)創(chuàng)建一個(gè)標(biāo)簽
newElem? = document.createElement("DIV");
newElem.id = "hint_layer";
document.body.appendChild(newElem);
document.all.hint_layer.innerText="guoguo";//
161.標(biāo)題欄
document.title//
162.背景圖片
<body style="BACKGROUND-ATTACHMENT: fixed" background="img/bgfix.gif" ></body>//背景圖片不動(dòng)
<STYLE TYPE="text/css">
<!--
BODY {background-image:img/bgchild.jpg;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>//背景圖片居中
163.設(shè)置透明效果
document.form.xxx.filters.alpha.opacity=0~100//
164.定義方法
var dragapproved=false;
document.onmouseup=new Function("dragapproved = false");//
?
165.將數(shù)字轉(zhuǎn)化為人民幣大寫形式
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數(shù)據(jù)島綁定表格
<html>
<body>
<xml id="abc" src="test.xml"></xml>
<table border='1' datasrc='#abc'>
<thead>
<td>接收人</td>
<td>發(fā)送人</td>
<td>主題</td>
<td>內(nèi)容</td>
</thead>
<tfoot>
<tr><th>表格的結(jié)束</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 //取得數(shù)據(jù)島中的記錄集
if(x.absoluteposition < x.recordcount) //如果當(dāng)前的絕對(duì)位置在最后一條記錄之前
{
?x.movenext();???? //向后移動(dòng)
?x.moveprevious();??? //向前移動(dòng)
?x.absoluteposition=1;?? //移動(dòng)到第一條記錄
?x.absoluteposition=x.recordcount;//移動(dòng)到最后一條記錄,注意記錄集x.absoluteposition是從1到記錄集記錄的個(gè)
數(shù)的
?guoguo.innerText=xmldso.recordset("field_name"); //從中取出某條記錄
}
</script>
169.動(dòng)態(tài)修改CSS的另一種方式
this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//
170.正則表達(dá)式
匹配中文字符的正則表達(dá)式: [\u4e00-\u9fa5]
匹配雙字節(jié)字符(包括漢字在內(nèi)):[^\x00-\xff]
應(yīng)用:計(jì)算字符串的長(zhǎng)度(一個(gè)雙字節(jié)字符長(zhǎng)度計(jì)2,ASCII字符計(jì)1)
String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}
匹配空行的正則表達(dá)式:\n[\s| ]*\r
匹配HTML標(biāo)記的正則表達(dá)式:/<(.*)>.*<\/\1>|<(.*) \/>/
匹配首尾空格的正則表達(dá)式:(^\s*)|(\s*$)
應(yīng)用:javascript中沒有像vbscript那樣的trim函數(shù),我們就可以利用這個(gè)表達(dá)式來實(shí)現(xiàn),如下:
String.prototype.trim = function()
{
??? return this.replace(/(^\s*)|(\s*$)/g, "");
}
////////利用正則表達(dá)式分解和轉(zhuǎn)換IP地址:
下面是利用正則表達(dá)式匹配IP地址,并將IP地址轉(zhuǎn)換成對(duì)應(yīng)數(shù)值的Javascript程序:
function IP2V(ip)
{
?re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g? //匹配IP地址的正則表達(dá)式
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!")
}
}
不過上面的程序如果不用正則表達(dá)式,而直接用split函數(shù)來分解可能更簡(jiǎn)單,程序如下:
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地址的正則表達(dá)式:\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配網(wǎng)址URL的正則表達(dá)式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
//////////利用正則表達(dá)式去除字串中重復(fù)的字符的算法程序:
var s="abacabefgeeii"
var s1=s.replace(/(.).*\1/g,"$1")
var re=new RegExp("["+s1+"]","g")
var s2=s.replace(re,"")
alert(s1+s2)? //結(jié)果為:abcefgi
思路是使用后向引用取出包括重復(fù)的字符,再以重復(fù)的字符建立第二個(gè)表達(dá)式,取到不重復(fù)的字符,兩者串連。這個(gè)方
法對(duì)于字符順序有要求的字符串可能不適用。
//////////得用正則表達(dá)式從URL地址中提取文件名的javascript程序,如下結(jié)果為page1
s="http://www.9499.net/page1.htm"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)
/////////利用正則表達(dá)式限制網(wǎng)頁表單里的文本框輸入內(nèi)容:
用正則表達(dá)式限制只能輸入中文:onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,'')
)"
用正則表達(dá)式限制只能輸入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,'')
)"
用正則表達(dá)式限制只能輸入數(shù)字:onkeyup="value=value.replace(/[^\d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
用正則表達(dá)式限制只能輸入數(shù)字和英文:onkeyup="value=value.replace(/[\W]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
171.設(shè)置和使用cookie
<HTML>
<BODY>
設(shè)置與讀取 cookies...<BR>
寫入cookie的值<input type=text name=gg>
<INPUT TYPE = BUTTON Value = "設(shè)置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;
?//取到下一個(gè)月的第一天,注意這里傳入的month是從1~12
?var new_month = month++;
?//如果當(dāng)前是12月,則轉(zhuǎn)至下一年
?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.判斷當(dāng)前的焦點(diǎn)是組中的哪一個(gè)
for(var i=0;i<3;i++)
?if(event.srcElement==bb[i])
? break;//
?
174.實(shí)現(xiàn)類
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.標(biāo)簽庫(kù)中定義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.在使用自定義標(biāo)簽的頁面中加入自己定義的標(biāo)簽,
<%@ taglib uri="guoguo" prefix="guoguo" %>
//自己定義標(biāo)簽
178.顯示帶邊框的集
<fieldset style="border:1px gray solid;width:100px">
? <legend>查詢條件</legend>
dfdfdf
</fieldset>//
179.【文件(F)】菜單中的命令的實(shí)現(xiàn)
1、〖打開〗命令的實(shí)現(xiàn)
[格式]:document.execCommand("open")
[說明]這跟VB等編程設(shè)計(jì)中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
[舉例]在<body></body>之間加入:
<a href="###" onclick=document.execCommand("open")>打開</a>
2、〖使用 記事本 編輯〗命令的實(shí)現(xiàn)
[格式]:location.replace("view-source:"+location)
[說明]打開記事本,在記事本中顯示該網(wǎng)頁的源代碼。
[舉例]在<body></body>之間加入:
<a href="###" onclick=location.replace("view-source:"+location)>使用 記事本編輯</a>
3、〖另存為〗命令的實(shí)現(xiàn)
[格式]:document.execCommand("saveAs")
[說明]將該網(wǎng)頁保存到本地盤的其它目錄!
[舉例]在<body></body>之間加入:
<a href="###" onclick=document.execCommand("saveAs")>另存為</a>
4、〖打印〗命令的實(shí)現(xiàn)
[格式]:document.execCommand("print")
[說明]當(dāng)然,你必須裝了打印機(jī)!
[舉例]在<body></body>之間加入:
<a href="###" onclick=document.execCommand("print")>打印</a>
5、〖關(guān)閉〗命令的實(shí)現(xiàn)
[格式]:window.close();return false
[說明]將關(guān)閉本窗口。
[舉例]在<body></body>之間加入:
<a href="###" onclick=window.close();return false)>關(guān)閉本窗口</a>
180.【編輯(E)】菜單中的命令的實(shí)現(xiàn)
〖全選〗命令的實(shí)現(xiàn)
[格式]:document.execCommand("selectAll")
[說明]將選種網(wǎng)頁中的全部?jī)?nèi)容!
[舉例]在<body></body>之間加入:
<a href="###" onclick=document.execCommand("selectAll")>全選</a>
181.【查看(V)】菜單中的命令的實(shí)現(xiàn)
1、〖刷新〗命令的實(shí)現(xiàn)
[格式]:location.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入:
<a href="###" onclick=location.reload()>刷新</a>
或加入:
<a href="###" onclick=history.go(0)>刷新</a>
2、〖源文件〗命令的實(shí)現(xiàn)
[格式]:location.replace("view-source:"+location)
[說明]查看該網(wǎng)頁的源代碼。
[舉例]在<body></body>之間加入:
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a>
3、〖全屏顯示〗命令的實(shí)現(xiàn)
[格式]:window.open(document.location, "url", "fullscreen")
[說明]全屏顯示本頁。
[舉例]在<body></body>之間加入:
<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏顯示</a>
182.【收藏(A)】菜單中的命令的實(shí)現(xiàn)
1、〖添加到收藏夾〗命令的實(shí)現(xiàn)
[格式]:window.external.AddFavorite('url', '“網(wǎng)站名”)
[說明]將本頁添加到收藏夾。
[舉例]在<body></body>之間加入:
<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的個(gè)人主頁')">添加到收
藏夾</a>
2、〖整理收藏夾〗命令的實(shí)現(xiàn)
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[說明]打開整理收藏夾對(duì)話框。
[舉例]在<body></body>之間加入:
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a>
183.【工具(T)】菜單中的命令的實(shí)現(xiàn)
〖internet選項(xiàng)〗命令的實(shí)現(xiàn)
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[說明]打開internet選項(xiàng)對(duì)話框。
[舉例]在<body></body>之間加入:
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項(xiàng)</a>
184.【工具欄】中的命令的實(shí)現(xiàn)
1、〖前進(jìn)〗命令的實(shí)現(xiàn)
[格式]history.go(1) 或 history.forward()
[說明]瀏覽器打開后一個(gè)頁面。
[舉例]在<body></body>之間加入:
<a href="###" onclick=history.go(1)>前進(jìn)</a>
或加入:
<a href="###" onclick=history.forward()>前進(jìn)</a>
2、〖后退〗命令的實(shí)現(xiàn)
[格式]:history.go(-1) 或 history.back()
[說明]瀏覽器返回上一個(gè)已瀏覽的頁面。
[舉例]在<body></body>之間加入:
<a href="###" onclick=history.go(-1)>后退</a>
或加入:
<a href="###" onclick=history.back()>后退</a>
3、〖刷新〗命令的實(shí)現(xiàn)
[格式]:document.reload() 或 history.go(0)
[說明]瀏覽器重新打開本頁。
[舉例]在<body></body>之間加入:
<a href="###" onclick=location.reload()>刷新</a>
或加入:
<a href="###" onclick=history.go(0)>刷新</a>
185.其它命令的實(shí)現(xiàn)
〖定時(shí)關(guān)閉本窗口〗命令的實(shí)現(xiàn)
[格式]:settimeout(window.close(),關(guān)閉的時(shí)間)
[說明]將關(guān)閉本窗口。
[舉例]在<body></body>之間加入:
<a href="###" onclick=settimeout(window.close(),3000)>3秒關(guān)閉本窗口</a>
【附】為了方便讀者,下面將列出所有實(shí)例代碼,你可以把它們放到一個(gè)html文件中,然后預(yù)覽效果。
<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)>關(guān)閉本窗口</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', '天極網(wǎng)頁陶吧')">添加到收藏
夾</a><br>
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a><br>
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項(xiàng)</a><br>
<a href="###" onclick=history.go(1)>前進(jìn)1</a> <a href="###" onclick=history.forward()>前進(jìn)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秒關(guān)閉本窗口</a><br>
186.給DHTML中的標(biāo)簽添加一個(gè)新的屬性,可以隨意加
<BODY onload="alert(a1.epass)">
<input type=text name="a1" epass="zhongguo">
</BODY>//
187.xmlhttp技術(shù)
<BODY> 此方法是通過XMLHTTP對(duì)象從服務(wù)器獲取XML文檔,示例如下。
?<input type=button value="加載XML文檔" onclick="getData('data.xml')" >
?<script language="JavaScript" >
?function getDatal(url){
?var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//創(chuàng)建XMLHTTPRequest對(duì)象
?xmlhttp.open("GET",url,false,"","");//使用HTTP GET初始化HTTP請(qǐng)求
?xmlhttp.send("");//發(fā)送HTTP請(qǐng)求并獲取HTTP響應(yīng)
?return xmlhttp.responseXML;//獲取XML文檔
?}
?</script >
</BODY>//
188.服務(wù)器端通過request.getReader()獲得傳入的字符串
189.在java中使用正則表達(dá)式
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>
基準(zhǔn)文本
<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.防止網(wǎng)頁被包含
if (window != window.top)
top.location.href = location.href;//
196.讓網(wǎng)頁一直在frame里面
if(window==window.top)
{
?document.body.innerHTML="<center><h1>請(qǐng)通過正常方式訪問本頁面!</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數(shù)據(jù)島操作
<HTML>
? <HEAD><Title>HTML中的數(shù)據(jù)島中的記錄集</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數(shù)據(jù)島記錄編輯與添加??? </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>
? 級(jí)別:<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>?;曷?號(hào)</Address>
? <HomePage>www.sihaohotel.com.cn</HomePage>
? <E-Mail>master@sihaohotel.com.cn</E-Mail>
? <TelePhone>(0989)8888888</TelePhone>
? <Grade>五星級(jí)</Grade>
? </Hotel>
? <Hotel>
? <Name>五湖賓館</Name>
? <Address>東平路99號(hào)</Address>
? <HomePage>www.wuhu.com.cn</HomePage>
? <E-Mail>web@wuhu.com.cn</E-Mail>
? <TelePhone>(0979)1111666</TelePhone>
? <Grade>四星級(jí)</Grade>
? </Hotel>
? <Hotel>
? <Name>“大沙漠”賓館</Name>
? <Address>留香路168號(hào)</Address>
? <HomePage>www.dashamohotel.com.cn</HomePage>
? <E-Mail>master@dashamohotel.com.cn</E-Mail>
? <TelePhone>(0989)87878788</TelePhone>
? <Grade>五星級(jí)</Grade>
? </Hotel>
? <Hotel>
? <Name>“畫眉鳥”大酒店</Name>
? <Address>血海飄香路2號(hào)</Address>
? <HomePage>www.throstlehotel.com.cn</HomePage>
? <E-Mail>chuliuxiang@throstlehotel.com.cn</E-Mail>
? <TelePhone>(099)9886666</TelePhone>
? <Grade>五星級(jí)</Grade>
? </Hotel>
? </HotelList>
? </XML>
? </body>?
? </HTML> //xml數(shù)據(jù)島中添加記錄
-------------------------------
? 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數(shù)據(jù)島中的數(shù)據(jù)
resortXML.documentElement.childNodes.item(0).getAttribute("code")//讀取頁面上的XML數(shù)據(jù)島中的數(shù)據(jù)
resortXML.documentElement.childNodes[0].getAttribute("code")//讀取頁面上的XML數(shù)據(jù)島中的數(shù)據(jù)
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.動(dòng)態(tài)設(shè)置事件,帶參數(shù)
<INPUT TYPE="text" NAME="a1">
<SCRIPT LANGUAGE="JavaScript">
<!--
function hah(para)
{
?alert(para)
}
a1.onclick=function()
{
?hah('canshu ')
}
//a1.attachEvent("onclick",function(){hah('參數(shù)')});
//-->
</SCRIPT>//
201.將url轉(zhuǎn)化為16進(jìn)制形式
?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.打開新的窗口并將新打開的窗口設(shè)置為活動(dòng)窗口
var newWin=window.open("xxxx");
newWin.focus();//
203.容錯(cuò)腳本
JS中遇到腳本錯(cuò)誤時(shí)不做任何操作:window.onerror = doNothing;
指定錯(cuò)誤句柄的語法為:window.onerror = handleError
function handleError(message, URI, line)
{// 提示用戶,該頁可能不能正確回應(yīng)
return true; // 這將終止默認(rèn)信息
}//在頁面出錯(cuò)時(shí)進(jìn)行操作
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;"
當(dāng)使用inline方式添加事件處理腳本事,有一個(gè)被包裝成匿名函數(shù)的過程,也就是說
onClick="javacript:document.Form.Name.value='test';return false;"被包裝成了:
functoin anonymous()
{
??? document.Form.Name.value='test';return false;
}
做為A的成員函數(shù)onclick。
而href="javascript:document.Form.Name.value='test';void(0);"相當(dāng)于執(zhí)行全局語句,這時(shí)如果使用return語句會(huì)
報(bào)告在函數(shù)外使用return語句的錯(cuò)誤。
208.進(jìn)行頁面放大
<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.根據(jù)名字解析xml中的節(jié)點(diǎn)值
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.看一個(gè)字符串里面有多少個(gè)回車符,返回值是一個(gè)數(shù)組
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.文字居右對(duì)齊
<input type="text" value="123" style="text-align:right">//
217.判斷一個(gè)方法是否存在
function pageCallback(response){
?alert(response);
}
if(pageCallback)
?alert(1)//
218.判斷一個(gè)變量是否定義
if(typeof(a)=="undefined")
{
?alert()
}//
219.javascript執(zhí)行本機(jī)的可執(zhí)行程序,需設(shè)置為可信或者降低IE安全級(jí)別
<script>
function exec (command) {
??? window.oldOnError = window.onerror;
??? window._command = command;
??? window.onerror = function (err) {
????? if (err.indexOf('utomation') != -1) {
??????? alert('命令已經(jīng)被用戶禁止!');
??????? return true;
????? }
????? else return false;
??? };
??? var wsh = new ActiveXObject('WScript.Shell');
??? if (wsh)
????? wsh.Run(command);
??? window.onerror = window.oldOnError;
? }
</script>
調(diào)用方式
<a href="javascript:" onclick="exec('D:/test.bat')">測(cè)試</a>//
?
220.彈出新頁面,關(guān)閉舊頁面,不彈出提示框
?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.顯示一個(gè)對(duì)象的全部的屬性和屬性的值
var a=new Object();
a.name='a1';
a.***='mail'
for(var p in a)
{
?alert(p+"="+a[p])
}//
224.16進(jìn)制轉(zhuǎn)換成10進(jìn)制
var n = parseInt("2AE",16);//這里將16進(jìn)制的 2AE 轉(zhuǎn)成 10 進(jìn)制數(shù),得到 n 的值是 686
225.復(fù)制粘貼
<BODY>
<input type="file" name='a1'><input type="button" value='復(fù)制粘貼' onclick="haha()"><div id="aa"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function haha()
{
?clipboardData.setData("Text",a1.value);
?aa.innerText=clipboardData.getData("Text");
}
//-->
</SCRIPT>
</BODY>//
226.獲得對(duì)象類型
switch (object.constructor){
?? case Date:
?? ...
?? case Number:
?? ...
?? case String:
?? ...
?? case MyObject:
?? ...
?? default:
?? ...
}//
227.圖片加載失敗時(shí)重新加載圖片
<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">
//定義一個(gè)保存字體顏色的變量
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.在頁面上畫點(diǎn)
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.自動(dòng)關(guān)閉網(wǎng)頁
<script LANGUAGE="javascript">
<!--
setTimeout('window.close();', 10000); //60秒后關(guān)閉
// -->
</script>
<p align="center">本頁10秒后自動(dòng)關(guān)閉,請(qǐng)注意刷新頁面</p>