<script>
// 彈出窗體
var url = "http://www.baidu.com";
win=window.showModalDialog(url,window,"dialogLeft:400;dialogTop:200;dialogWidth:560px;dialogHeight:380px;scroll:yes;menubar:no;toolbar:no;status:no;");
// 在彈出窗體中設定返回值
var result = new Array();
result[0] = "id_101";
result[1] = "name_202";
window.returnValue = result;
window.close();
</script>
2、〖原始檔〗命令的實現
[格式]:location.replace("view-source:"+location)
[說明]檢視該網頁的原始碼。
[舉例]在<body></body>之間加入：
<a href="###" onclick=location.replace("view-source:"+location)>檢視原始檔</a>
===============================================================================
事件源物件
event.srcElement.tagName
event.srcElement.type
捕獲釋放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按鍵
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
滑鼠位置
event.x
event.y
窗體活動元素
document.activeElement
繫結事件
document.captureEvents(Event.KEYDOWN);
訪問窗體元素
document.all("txt").focus();
document.all("txt").select();
窗體命令
document.execCommand
窗體COOKIE
document.cookie
選單事件
document.oncontextmenu
建立元素
document.createElement("SPAN");
根據滑鼠獲得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
窗體圖片
document.images[索引]
窗體事件繫結
document.onmousedown=scrollwindow;
元素
document.窗體.elements[索引]
物件繫結事件
document.all.xxx.detachEvent('onclick',a);
外掛數目
navigator.plugins
取變數型別
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length
查詢物件
document.getElementsByName("r1");
document.getElementById(id);
定時
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE編碼
escape() ,unescape
父物件
obj.parentElement(dhtml)
obj.parentNode(dom)
交換表的行
TableID.moveRow(2,1)
替換CSS
document.all.csss.href = "a.css";
並排顯示
display:inline
隱藏焦點
hidefocus=true
根據寬度換行
style="word-break:break-all"
自動重新整理
<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">
簡單郵件
<a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy">
快速轉到位置
obj.scrollIntoView(true)
錨
<a name="first">
<a href="#first">anchors</a>
網頁傳遞引數
location.search();
可編輯
obj.contenteditable=true
執行選單命令
obj.execCommand
雙位元組字元
/[^\x00-\xff]/
漢字
/[\u4e00-\u9fa5]/
讓英文字串超出表格寬度自動換行
word-wrap: break-word; word-break: break-all;
透明背景
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>
獲得style內容
obj.style.cssText
HTML標籤
document.documentElement.innerHTML
第一個style標籤
document.styleSheets[0]
style標籤裡的第一個樣式
document.styleSheets[0].rules[0]
防止點選空連結時，頁面往往重置到頁首端。
<a href="BLOCKED SCRIPTfunction()">word</a>
上一網頁源
asp:
request.servervariables("HTTP_REFERER")
BLOCKED SCRIPT
document.referrer
釋放記憶體
CollectGarbage();
禁止右鍵
document.oncontextmenu = function() { return false;}
禁止儲存
<noscript><iframe src="*.htm"></iframe></noscript>
禁止選取<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>
禁止貼上
<input type=text onpaste="return false">
位址列圖示
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下
收藏欄圖示
<link rel="Bookmark" href="favicon.ico">
檢視原始碼
<input type=button value=檢視網頁原始碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'">
關閉輸入法
<input style="ime-mode:disabled">
自動全選
<input type=text name=text1 value="123" onfocus="this.select()">
ENTER鍵可以讓游標移到下一個輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
文字框的預設值
<input type=text value="123" onfocus="alert(this.defaultValue)">
title換行
obj.title = "123
sdfs "
獲得時間所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()
視窗是否關閉
win.closed
checkbox扁平
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>
獲取選中內容
document.selection.createRange().duplicate().text
自動完成功能
<input type=text autocomplete=on>開啟該功能
<input type=text autocomplete=off>關閉該功能
視窗最大化
<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">
無關閉按鈕IE
window.open("aa.htm", "meizz", "fullscreen=7");
統一編碼/解碼
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent對":"、"/"、";" 和 "?"也編碼
表格行指示
<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
暱稱: haowubai 時間: 2008-08-14 17:59:00
1.文字框焦點問題
onBlur:當失去輸入焦點後產生該事件
onFocus:當輸入獲得焦點後，產生該檔案
Onchange:當文字值改變時，產生該事件
Onselect:當文字加亮後，產生該檔案
<input type="text" value="郭強" onfocus="if(value=='郭強') {value=''}" onblur="if
(value=='') {value='郭強'}">點選時文字消失，失去焦點時文字再出現
2.網頁按鈕的特殊顏色
<input type=button name="Submit1" value="郭強" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.滑鼠移入移出時顏色變化
<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.使文字上下滾動
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和國
</table> <!-- end head_scrolltext -->
</marquee>
9.狀態列顯示該頁狀態
<base onmouseover="window.status='網站建設 http://www.webmake.cn/' ;return true">
10.可以點選文字實現radio選項的選定
<br>
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03"> 情侶 : 一次註冊兩個帳戶</label> <br>
11.可以在文字域的font寫onclick事件
12.列印</a>列印網頁
<a href='javascript:window.print ()'>
13.線型輸入框
<input type="text" name="key" size="12" value="關鍵字" onFocus=this.select() onMouseOver=this.focus()
class="line">
14.顯示文件最後修改日期
<script language=javascript>
function hi(str)
{
document.write(document.lastModified)
alert("hi"+str+"!")
}
</script>
15.可以在滑鼠移到文字上時就觸發事件
<html>
<head>
<script language="LiveScript">
<!-- Hiding
function hello() {
alert("哈羅!");
}
</script>
</head>
<body>
<a href="" onMouseOver="hello()">link</a>
</body>
</html>
16.可以根據網頁上的選項來確定頁面顏色
<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.轉至目標URL
window.location="http://guoguo"
23.傳遞該object的form
UpdateSN('guoqiang99267',this.form)
function UpdateSN(strValue,strForm)
{
strForm.SignInName.value = strValue;
return false;
}
24.文字標籤
<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秒自動關閉頁面
< script language="JavaScript" >
function closeit() {
setTimeout("self.close()"，10000)
}
< /script >
28.可以比較字元的大小
char=post.charAt(i);
if(!('0'<=char&&char<='9'))
29.將字元轉化為數字
month = parseInt(char)
30.點選value非空的選項時轉向指定連線
<select onchange='if(this.value!="")window.open(this.value)' class="textinput">
<option selected>主辦單位</option>
<option>-----------------</option>
<option value="http://www.bjd.com.cn/">北京日報</option>
<option value="http://www.ben.com.cn/">北京晚報</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.傳遞引數的方式
<a href="vote.asp?CurPage=8&id=3488">8</a>
35.頁內跳轉
<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.兩個按鍵一起按下
if(event.ctrlKey && window.event.keyCode==13)//
37.重新整理頁面
javascript:this.location.reload()//
38.將網頁的按鈕使能
<SCRIPT LANGUAGE="JavaScript">
function haha()
{
for(var i=0;i<document.form1.elements.length;i++)
{
if(document.form1.elements.name.indexOf("bb")!=-1)
document.form1.elements.disabled=!document.form1.elements.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.文字移動
<marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>
40.雙擊網頁自動跑
<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.前進
<INPUT TYPE="button" onclick=window.history.forward() value=forward>
43.重新整理
<INPUT TYPE="button" onclick=document.location.reload() value=reload>
44.轉向指定網頁
document.location="http://ww"或者document.location.assign("http://guoguo.com")
45.在網頁上顯示實時時間
<SCRIPT LANGUAGE="JavaScript">
var clock_id;
window.onload=function()
{
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
}
</SCRIPT>//
46.可以下載檔案
document.location.href="目標檔案"//
47.連線資料庫
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”內寫下所需內容
<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.向檔案中寫內容
<%@ 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( );
background-repeat: no-repeat;
}
.mouseout
{
background-color: #E0E0E0;
}
</style>
55.同時按下CTRL和Q鍵
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//
56.以下是一個完整的顯示hint的程式碼，其思想是當滑鼠停留是將div中的內容顯示在滑鼠出，當滑鼠移出後在將該div隱
藏掉
暱稱: haowubai 時間: 2008-08-14 18:02:00
<!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()"> 瀏覽器讀頁面時彈出視窗；
方法二：<body onunload="openwen()"> 瀏覽器離開頁面時彈出視窗；
方法三：用一個連線呼叫：<a href="#" onclick="openwin()">開啟一個視窗</a>
注意：使用的"#"是虛連線。
方法四：用一個按鈕呼叫：<input type="button" onclick="openwin()" value="開啟視窗"> 何時裝載script
58.動態改變字型的大小
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.複製內容到剪下板
function JM_cc(bb)
{
var ob=eval("document.form1."+bb);
ob.select();
js=ob.createTextRange();
js.execCommand("Copy");
}//
62.java中建立資料庫連線取資料
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.定時執行某段程式
setTimeout("change_color()",600);
66.設定為主頁
function makeHome(){
netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");
navigator.preference("browser.startup.homepage", location.href);
}//
67.設定為收藏
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.擷取小數點後兩位
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"//
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.獲得當前的文字框選中的文字
<input onmouseup="alert(document.selection.createRange().text)" value=123>//
78.跳轉至目標頁面，同時不可返回
<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//
79.獲得當前的行是表格的第幾行
<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表示某行，下標從0開始計算
document.all.myTable.deleteRow(xx)//
81.動態的向表格中新增行
<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區別：
x:設定或者是得到滑鼠相對於目標事件的父元素的外邊界在x座標上的位置。 clientX:相對於客戶區域的x座標位置，不
包括滾動條，就是正文區域。 offsetx：設定或者是得到滑鼠相對於目標事件的父元素的內邊界在x座標上的位置。
screenX:相對於使用者螢幕。
83.顯示是滑鼠按鈕的哪個
<body onMouseDown="alert(event.button)">點Mouse看看//
84.開啟C盤
<form action="file:///c|/"><input type="submit" value="c:\ drive"></form>//
85.當前螢幕的解析度
screen.width、screen.height//
86.設定表格中的內容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//
87.本地快捷鍵
<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">網路上的芳鄰</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}">撥號網路</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')"> //建立新連線
<input type=button onclick="document.execCommand('print','true','true')"> //列印
<input type=button onclick="document.execCommand('saveas','true','網站製作.htm')">//另存為htm
<input type=button onclick="document.execCommand('saveas','true','網站製作.txt')">//另存為txt
document.execCommand("SaveAs")//儲存為
document.execCommand('undo')//撤銷上一次操作
89.web對話方塊
<SCRIPT>
var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='<title>你要關閉我嗎</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
contents+='<tr><td align=center>';
contents+='你要關閉我嗎？<br>';
contents+='<img src=dark.gif onclick=self.close() alt="...關閉">';
contents+='<img src=jet.gif onclick=self.close() alt="全是關閉">';
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.向新開啟的網頁上寫內容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//
93.返回
javascript:history.go(-2);//
94.將頁面上選中的內容複製到剪貼簿
abcdefg
<input type='button'
onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='複製頁面選中
的字元'>//
95.將頁面上選中的內容複製到剪貼簿
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false',
null);">
96.滑鼠移到下拉框時自動全部開啟
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//
97.獲得本機的檔案
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //
98.判斷客戶端是否是IE瀏覽器
因為 document.all 是 IE 的特有屬性，所以通常用這個方法來判斷客戶端是否是IE瀏覽器 ,document.all?1:0;
99.建立新的下拉框選項
new Option(text,value)這樣的函式//
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技術' style='width:10;height:10;top:10;left:0' title='得票數:6 比例:40.00%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:1 比例:6.67%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:2 比例:13.33%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:3 比例:20.00%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:2 比例:13.33%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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技術' style='width:10;height:10;top:10;left:0' title='得票數:1 比例:6.67%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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技術</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技術
</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.是一個特殊的容器，想裝個網頁都行
<button><iframe src="http://www.google.com/"></iframe></button>//button
103.外部的html程式碼
event.srcElement.outerHTML//
104.標識當前的IE事件的觸發器
event.srcElement和event.keyCode//
105.事件型別
event.type//
106.動態改變型別
<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.頁面翻轉
<html dir=rtl></html>//
108.滾屏
parent.scroll(x,y);//
<body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">//
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="background-color: transparent; border: 0;">//
113.滑鼠為等待形狀
<input type=button onclick="this.style.cursor='wait'">//
114.呼叫父視窗的函式
opener.fucntion1();//
115.body的內部html程式碼
<input type="button" onclick="alert(code.document.body.innerHTML)" value="檢視">//
116.框架中呼叫父視窗的函式
<INPUT TYPE='button' onclick='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" onclick="c1.swapNode(c2)">//
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" onclick="trall.removeNode(c2)">//
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 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>//
暱稱: haowubai 時間: 2008-08-14 18:03:00
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.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">
<!--
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;
}
}
}
// 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)
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資料島中的資料
暱稱: haowubai 時間: 2008-08-14 18:04:00
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);"//不能用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>
暱稱: haowubai 時間: 2008-08-14 18:04:00
1.文字框焦點問題
onBlur:當失去輸入焦點後產生該事件
onFocus:當輸入獲得焦點後，產生該檔案
Onchange:當文字值改變時，產生該事件
Onselect:當文字加亮後，產生該檔案
<input type="text" value="郭強" onfocus="if(value=='郭強') {value=''}" onblur="if
(value=='') {value='郭強'}">點選時文字消失，失去焦點時文字再出現
2.網頁按鈕的特殊顏色
<input type=button name="Submit1" value="郭強" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.滑鼠移入移出時顏色變化
<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.使文字上下滾動
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和國
</table> <!-- end head_scrolltext -->
</marquee>
9.狀態列顯示該頁狀態
<base onmouseover="window.status='網站建設 http://www.webmake.cn/' ;return true">
10.可以點選文字實現radio選項的選定
<br>
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03"> 情侶 : 一次註冊兩個帳戶</label> <br>
11.可以在文字域的font寫onclick事件
12.列印
<a href='javascript:window.print ()'> </a>列印網頁
13.線型輸入框
<input type="text" name="key" size="12" value="關鍵字" onFocus=this.select() onMouseOver=this.focus()
class="line">
14.顯示文件最後修改日期
<script language=javascript>
function hi(str)
{
document.write(document.lastModified)
alert("hi"+str+"!")
}
</script>
15.可以在滑鼠移到文字上時就觸發事件
<html>
<head>
<script language="LiveScript">
<!-- Hiding
function hello() {
alert("哈羅!");
}
</script>
</head>
<body>
<a href="" onMouseOver="hello()">link</a>
</body>
</html>
16.可以根據網頁上的選項來確定頁面顏色
<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.轉至目標URL
window.location=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://guoguo"
23.傳遞該object的form
UpdateSN('guoqiang99267',this.form)
function UpdateSN(strValue,strForm)
{
strForm.SignInName.value = strValue;
return false;
}
24.文字標籤
<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://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://your.site.address"; //你自己的主頁地址
title = "Your Site Name"; //你自己的主頁名稱
window.external.AddFavorite(url,title);
-->
</script>//
27.過10秒自動關閉頁面
< script language="JavaScript" >
function closeit() {
setTimeout("self.close()"，10000)
}
< /script >
28.可以比較字元的大小
char=post.charAt(i);
if(!('0'<=char&&char<='9'))
29.將字元轉化為數字
month = parseInt(char)
30.點選value非空的選項時轉向指定連線
<select onchange='if(this.value!="")window.open(this.value)' class="textinput">
<option selected>主辦單位</option>
<option>-----------------</option>
<option value=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://www.bjd.com.cn/">北京日報</option>
<option value=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://www.ben.com.cn/">北京晚報</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.傳遞引數的方式
<a href="vote.asp?CurPage=8&id=3488">8</a>
35.頁內跳轉
<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.兩個按鍵一起按下
if(event.ctrlKey && window.event.keyCode==13)//
37.重新整理頁面
javascript:this.location.reload()//
38.將網頁的按鈕使能
<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.文字移動
<marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>
40.雙擊網頁自動跑
<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.前進
<INPUT TYPE="button" onclick=window.history.forward() value=forward>
43.重新整理
<INPUT TYPE="button" onclick=document.location.reload() value=reload>
44.轉向指定網頁
document.location=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://ww"或者document.location.assign(http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://guoguo.com")
45.在網頁上顯示實時時間
<SCRIPT LANGUAGE="JavaScript">
var clock_id;
window.onload=function()
{
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
}
</SCRIPT>//
46.可以下載檔案
document.location.href="目標檔案"//
47.連線資料庫
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”內寫下所需內容
<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://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://bjpic.163.net/images/mail/button-help.gif"></a>
51.向檔案中寫內容
<%@ 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(file:///c|/"><input type="submit" value="c:\ drive"></form>//
85.當前螢幕的解析度
screen.width、screen.height//
86.設定表格中的內容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//
87.本地快捷鍵
<p><a href=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">網路上的芳鄰</a></p>
<p><a href=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的電腦</a></p>
<p><a href=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文件</a></p>
<p><a href=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p>
<p><a href=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}"
target="_blank">控制皮膚</a></p>
<p><a href=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">撥號網路</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')"> //建立新連線
<input type=button onclick="document.execCommand('print','true','true')"> //列印
<input type=button onclick="document.execCommand('saveas','true','網站製作.htm')">//另存為htm
<input type=button onclick="document.execCommand('saveas','true','網站製作.txt')">//另存為txt
document.execCommand("SaveAs")//儲存為
document.execCommand('undo')//撤銷上一次操作
89.web對話方塊
<SCRIPT>
var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='<title>你要關閉我嗎</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
contents+='<tr><td align=center>';
contents+='你要關閉我嗎？<br>';
contents+='<img src=http://www.aspxclub.com/UploadFile/Material/1/1281.gif onclick=self.close() alt="...關閉">';
contents+='<img src=http://www.aspxclub.com/UploadFile/Material/1/1282.gif onclick=self.close() alt="全是關閉">';
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.向新開啟的網頁上寫內容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//
93.返回
javascript:history.go(-2);//
94.將頁面上選中的內容複製到剪貼簿
abcdefg
<input type='button'
onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='複製頁面選中
的字元'>//
95.將頁面上選中的內容複製到剪貼簿
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false',
null);">
96.滑鼠移到下拉框時自動全部開啟
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//
97.獲得本機的檔案
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //
98.判斷客戶端是否是IE瀏覽器
因為 document.all 是 IE 的特有屬性，所以通常用這個方法來判斷客戶端是否是IE瀏覽器 ,document.all?1:0;
99.建立新的下拉框選項
new Option(text,value)這樣的函式//
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技術' style='width:10;height:10;top:10;left:0' title='得票數:6 比例:40.00%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:1 比例:6.67%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:2 比例:13.33%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:3 比例:20.00%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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='得票數:2 比例:13.33%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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技術' style='width:10;height:10;top:10;left:0' title='得票數:1 比例:6.67%'
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'
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技術</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技術
</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.是一個特殊的容器，想裝個網頁都行
<button><iframe src=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://www.google.com/"></iframe></button>//button
103.外部的html程式碼
event.srcElement.outerHTML//
104.標識當前的IE事件的觸發器
event.srcElement和event.keyCode//
105.事件型別
event.type//
106.動態改變型別
<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.頁面翻轉
<html dir=rtl></html>//
------------------------------
40種網頁常用小技巧(javascript)
作者：未知 文章來源：未知 點選數：1615 更新時間 2005-6-12
1. oncontextmenu="window.event.returnValue=false" 將徹底遮蔽滑鼠右鍵
<table border oncontextmenu=return(false)><td>no</table> 可用於Table
2. <body onselectstart="return false"> 取消選取、防止複製
3. onpaste="return false" 不準貼上
4. oncopy="return false;" oncut="return false;" 防止複製
5. <link rel="Shortcut Icon" href="favicon.ico"> IE位址列前換成自己的圖示
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖示
7. <input style="ime-mode:disabled"> 關閉輸入法
8. 永遠都會帶著框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. 網頁將不能被另存為
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=檢視網頁原始碼
onclick="window.location = "view-source:"+ "http://www.gonet8.com"">
12.刪除時確認
<a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp?&areyou=刪除&page=1"">刪除</a>
13. 取得控制元件的絕對位置
//javascript
<script language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>
//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控制元件的位置"
end function
--></script>
14. 游標是停在文字框文字的最後
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
15. 判斷上一頁的來源
javascript:
document.referrer
16. 最小化、最大化、關閉視窗
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=關閉 onclick=hh3.Click()>
本例適用於IE
17.遮蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"); //可以換成ALT CTRL
}
document.onkeydown=look;
</script>
18. 網頁不會被快取
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
19.怎樣讓表單沒有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20.<div><span>&<layer>的區別？
<div>(division)用來定義大段的頁面元素，會產生轉行
<span>用來定義同一行內的元素，跟<div>的唯一區別是不產生轉行
<layer>是ns的標記，ie不支援，相當於<div>
21.讓彈出視窗總是在最上面:
<body onblur="this.focus();">
22.不要滾動條?
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉？更簡單了
<body scroll="no">
</body>
23.怎樣去掉圖片連結點選後，圖片周圍的虛線？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
24.電子郵件處理提交表單
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在開啟的子視窗重新整理父視窗的程式碼裡如何寫？
window.opener.location.reload()
26.如何設定開啟頁面的大小
<body onload="top.resizeTo(300,200);">
開啟頁面的位置<body onload="top.moveBy(300,200);">
27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 檢查一段字串是否全由數字組成
<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
29. 獲得一個視窗的大小
document.body.clientWidth; document.body.clientHeight
30. 怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");
31.TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
32. 日期減去天數等於第二個日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>
33. 選擇了哪一個Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>
34.指令碼永不出錯
<SCRIPT LANGUAGE="javascript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
35.ENTER鍵可以讓游標移到下一個輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
36. 檢測某個網站的連結速度：
把如下程式碼加入<body>區域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=重新整理></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="連結超時"}
else
{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1
onerror=auto("http://"+autourl+"")>")}
run()</script>
37. 各種樣式的游標
auto ：標準游標
default ：標準箭頭
hand ：手形游標
wait ：等待游標
text ：I形游標
vertical-text ：水平I形游標
no-drop ：不可拖動游標
not-allowed ：無效游標
help ：?幫助游標
all-scroll ：三角方向標
move ：移動標
crosshair ：十字標
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.頁面進入和退出的特效
進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間，以秒為單位。transition表示使用哪種特效，取值為1-23:
0 矩形縮小
1 矩形擴大
2 圓形縮小
3 圓形擴大
4 下到上重新整理
5 上到下重新整理
6 左到右重新整理
7 右到左重新整理
8 豎百葉窗
9 橫百葉窗
10 錯位橫百葉窗
11 錯位豎百葉窗
12 點擴散
13 左右到中間重新整理
14 中間到左右重新整理
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機選擇一種
39.在規定時間內跳轉
<META http-equiv=V="REFRESH" content="5;URL=http://www.gonet8.com">
40.網頁是否被檢索
<meta name="ROBOTS" content="屬性值">
其中屬性值有以下一些:
屬性值為"all": 檔案將被檢索，且頁上鍊接可被查詢；
屬性值為"none": 檔案不被檢索，而且不查詢頁上的連結；
屬性值為"index": 檔案將被檢索；
屬性值為"follow": 查詢頁上的連結；
屬性值為"noindex": 檔案不檢索，但可被查詢連結；
屬性值為"nofollow": 檔案不被檢索，但可查詢頁上的連結。
常用的JavaScript語句集(一)
--------------- 輸出和後退
<script language="javascript">
alert("錯誤~~ 請輸入帳號!!");
location.href="javascript:history.back()"
</script>
--------------- 輸出並重定向
<script language="javascript">
alert("新增成功~~！！");
location.href="BookList.asp"
</script>
---------------- 內嵌一個頁面並設定為可編輯
<script language="javascript">
document.write ('<iframe src="text.asp" id="message" width="550" height="250"></iframe>')
frames.message.document.designMode = "On";
</script>
--------------- 檢驗核取方塊是否已選並提示
<script language="javascript">
function checkdata()
{
if (document.form1.viewhtml.checked == true)
{
alert("對不起，請取消“檢視HTML原始碼”後再新增！")
document.form1.viewhtml.focus()
return false
}
}
</script>
---------------- 用JavaScript 在超連線中開啟一個新視窗(可控制大小)
<a href=# onClick="javascript:window.open('Buy.asp?id=<% = rs("Id") %>','','width=570,height=160,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');return false;">開啟一個視窗</a>
下面列出些常用的javascript，大家可以把這些做成一個類，方便在專案中重複的呼叫。
歡迎大家補充^_^
1．讓文字不停地滾動
＜MARQUEE＞滾動文字＜/MARQUEE＞
2．記錄並顯示網頁的最後修改時間
＜script language=javascript＞
document．write("最後更新時間: " + document．lastModified + "")
＜/script＞
3．關閉當前視窗
＜a href="/"onClick="javascript：window.close();return false;"＞關閉視窗＜/a＞
4．5秒後關閉當前頁
＜script language="javascript"＞
＜!--
setTimeout('window.close();',5000);
--＞
＜/script＞
5．2秒後載入指定網頁
＜head＞
＜meta http-equiv="refresh" content="2;URL=http://你的網址"＞
＜/head＞
6．新增到收藏夾
＜Script Language="javascript"＞
function bookmarkit()
{
window.external.addFavorite('http://你的網址','你的網站名稱')
}
if (document．all)document．write('＜a href="#" onClick="bookmarkit()"＞加入收藏夾＜/a＞')
＜/Script＞
7．讓超連結不顯示下劃線
＜style type="text/css"＞
＜!-
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
-＞
＜/style＞
8．讓網頁隨意後退
＜a href="javascript :history.go(-X)"＞X＜/a＞
//把X換成你想要後退在頁數
//把“-”變成“+”就為前進
9．設定該頁為首頁
＜body bgcolor="#FFFFFF" text="#000000"＞
＜!-- 網址：http://你的網址--＞
＜a class="chlnk" style="cursor:hand" HREF
onClick="this.style.behavior='url(#default#homepage)';
this.setHomePage('你的網站名稱);"＞＜font color="000000" size="2" face="宋體"＞設為首頁＜/font＞＜/a＞
＜/body＞
10．節日倒數計時
＜Script Language="javascript"＞
var timedate= new Date("December 25,2003");
var times="聖誕節";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date / (1000 * 60 * 60 * 24));
if (time ＞= 0)
document．write("現在離"+times+"還有: "+time +"天")＜/Script＞
11．單擊按鈕列印出當前頁
＜Script Language="javascript"＞
＜!-- Begin
if (window.print) {
document．write('＜form＞'
+ '＜input type=button name=print value="列印本頁" '
+ 'onClick="javascript：window.print()"＞＜/form＞');
}
// End --＞
＜/Script＞
12．單擊按鈕‘另存為’當前頁
＜input type="button" name="Button" value="儲存本頁"
onClick="document．all.button.ExecWB(4,1)"＞
＜object id="button"
width=0
height=0
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"＞
＜embed width="0" height="0"＞＜/embed＞
＜/object＞
13．顯示系統當前日期
＜script language=javascript＞
today=new Date();
function date(){
this.length=date.arguments.length
for(var i=0;i＜this.length;i++)
this[i+1]=date.arguments }
var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
document．write(
"＜font color=##000000 style='font-size:9pt;font-family: 宋體'＞ ",
today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
d[today.getDay()+1],"＜/font＞" );
＜/script＞
14．不同時間段顯示不同問候語
＜Script Language="javascript"＞
＜!--
var text=""; day = new Date( ); time = day.getHours( );
if (( time＞=0) && (time ＜ 7 ))
text="夜貓子，要注意身體哦！ "
if (( time ＞= 7 ) && (time ＜ 12))
text="今天天氣……哈哈哈，不去玩嗎？"
if (( time ＞= 12) && (time ＜ 14))
text="午休時間哦，朋友一定是不習慣午睡的吧？！"
if (( time ＞=14) && (time ＜ 18))
text="下午茶的時間到了，休息一下吧！ "
if ((time ＞= 18) && (time ＜= 22))
text="您又來了，可別和MM聊太久哦！"
if ((time ＞= 22) && (time ＜ 24))
text="很晚了哦，注意休息呀！"
document．write(text)
/
/
/
b/s開發常用javaScript技術
2004-01-24 嵐•LEN
列印自: ＬＥＮ＇ｓＭｅｍｏｓｉｔｅ • 嵐色天空
地址: http://www.memosite.cn/article.php/203
在b/s開發中經常用到的javaScript技術
一、驗證類
1、數字驗證內
1.1 整數
1.2 大於0的整數 （用於傳來的ID的驗證)
1.3 負整數的驗證
1.4 整數不能大於iMax
1.5 整數不能小於iMin
2、時間類
2.1 短時間，形如 (13:04:06)
2.2 短日期，形如 (2003-12-05)
2.3 長時間，形如 (2003-12-05 13:04:06)
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小時和分鐘,形如(12:03)
3、表單類
3.1 所有的表單的值都不能為空
3.2 多行文字框的值不能為空。
3.3 多行文字框的值不能超過sMaxStrleng
3.4 多行文字框的值不能少於sMixStrleng
3.5 判斷單選框是否選擇。
3.6 判斷核取方塊是否選擇.
3.7 核取方塊的全選，多選，全不選，反選
3.8 檔案上傳過程中判斷檔案型別
4、字元類
4.1 判斷字元全部由a-Z或者是A-Z的字字母組成
4.2 判斷字元由字母和數字組成。
4.3 判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
4.4 字串替換函式.Replace();
5、瀏覽器類
5.1 判斷瀏覽器的型別
5.2 判斷ie的版本
5.3 判斷客戶端的解析度
6、結合類
6.1 email的判斷。
6.2 手機號碼的驗證
6.3 身份證的驗證
二、功能類
1、時間與相關控制元件類
1.1 日曆
1.2 時間控制元件
1.3 萬年曆
1.4 顯示動態顯示時鐘效果（文字，如OA中時間）
1.5 顯示動態顯示時鐘效果 (影像，像手錶)
2、表單類
2.1 自動生成表單
2.2 動態新增，修改，刪除下拉框中的元素
2.3 可以輸入內容的下拉框
2.4 多行文字框中只能輸入iMax文字。如果多輸入了，自動減少到iMax個文字（多用於簡訊傳送)
3、列印類
3.1 列印控制元件
4、事件類
4.1 遮蔽右鍵
4.2 遮蔽所有功能鍵
4.3 --> 和<-- F5 F11,F9,F1
4.4 遮蔽組合鍵ctrl+N
5、網頁設計類
5.1 連續滾動的文字，圖片（注意是連續的，兩段文字和圖片中沒有空白出現）
5.2 html編輯控制元件類
5.3 顏色選取框控制元件
5.4 下拉選單
5.5 兩層或多層次的下拉選單
5.6 仿IE選單的按鈕。（效果如rongshuxa.com的導航欄目)
5.7 狀態列，title欄的動態效果（例子很多，可以研究一下）
5.8 雙擊後，網頁自動滾屏
6、樹型結構。
6.1 asp+SQL版
6.2 asp+xml+sql版
6.3 java+sql或者java+sql+xml
7、無邊框效果的製作
8、連動下拉框技術
9、文字排序
一、驗證類
1、數字驗證內
1.1 整數
/^(-|/+)?/d+$/.test(str)
1.2 大於0的整數 （用於傳來的ID的驗證)
/^/d+$/.test(str)
1.3 負整數的驗證
/^-/d+$/.test(str)
2、時間類
2.1 短時間，形如 (13:04:06)
function isTime(str)
{
var a = str.match(/^(/d{1,2})(:)?(/d{1,2})/2(/d{1,2})$/);
if (a == null) {alert('輸入的引數不是時間格式'); return false;}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
alert("時間格式不對");
return false
}
return true;
}
2.2 短日期，形如 (2003-12-05)
function strDateTime(str)
{
var r = str.match(/^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2})$/);
if(r==null)return false;
var d= new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
2.3 長時間，形如 (2003-12-05 13:04:06)
function strDateTime(str)
{
var reg = /^(/d{1,4})(-|//)(/d{1,2})/2(/d{1,2}) (/d{1,2}):(/d{1,2}):(/d{1,2})$/;
var r = str.match(reg);
if(r==null)return false;
var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
2.4 只有年和月。形如(2003-05,或者2003-5)
2.5 只有小時和分鐘,形如(12:03)
3、表單類
3.1 所有的表單的值都不能為空
<input onblur="if(this.value.replace(/^/s+|/s+$/g,'')=='')alert('不能為空!')">
3.2 多行文字框的值不能為空。
3.3 多行文字框的值不能超過sMaxStrleng
3.4 多行文字框的值不能少於sMixStrleng
3.5 判斷單選框是否選擇。
3.6 判斷核取方塊是否選擇.
3.7 核取方塊的全選，多選，全不選，反選
3.8 檔案上傳過程中判斷檔案型別
4、字元類
4.1 判斷字元全部由a-Z或者是A-Z的字字母組成
<input onblur="if(/[^a-zA-Z]/g.test(this.value))alert('有錯')">
4.2 判斷字元由字母和數字組成。
<input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('有錯')">
4.3 判斷字元由字母和數字，下劃線,點號組成.且開頭的只能是下劃線和字母
/^([a-zA-z_]{1})([/w]*)$/g.test(str)
4.4 字串替換函式.Replace();
5、瀏覽器類
5.1 判斷瀏覽器的型別
window.navigator.appName
5.2 判斷ie的版本
window.navigator.appVersion
5.3 判斷客戶端的解析度
window.screen.height; window.screen.width;
6、結合類
6.1 email的判斷。
function ismail(mail)
{
return(new RegExp(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/).test(mail));
}
6.2 手機號碼的驗證
6.3 身份證的驗證
function isIdCardNo(num)
{
if (isNaN(num)) {alert("輸入的不是數字！"); return false;}
var len = num.length, re;
if (len == 15)
re = new RegExp(/^(/d{6})()?(/d{2})(/d{2})(/d{2})(/d{3})$/);
else if (len == 18)
re = new RegExp(/^(/d{6})()?(/d{4})(/d{2})(/d{2})(/d{3})(/d)$/);
else {alert("輸入的數字位數不對！"); return false;}
var a = num.match(re);
if (a != null)
{
if (len==15)
{
var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
else
{
var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);
var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];
}
if (!B) {alert("輸入的身份證號 "+ a[0] +" 裡出生日期不對！"); return false;}
}
return true;
}
3.7 核取方塊的全選，多選，全不選，反選
<form name=hrong>
<input type=checkbox name=All onclick="checkAll('mm')">全選<br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
<input type=checkbox name=mm onclick="checkItem('All')"><br/><br/>
<input type=checkbox name=All2 onclick="checkAll('mm2')">全選<br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
</form>
<SCRIPT LANGUAGE="java script">
function checkAll(str)
{
var a = document.getElementsByName(str);
var n = a.length;
for (var i=0; i<n; i++)
a[i].checked = window.event.srcElement.checked;
}
function checkItem(str)
{
var e = window.event.srcElement;
var all = eval("document.hrong."+ str);
if (e.checked)
{
var a = document.getElementsByName(e.name);
all.checked = true;
for (var i=0; i<a.length; i++)
{
if (!a[i].checked){ all.checked = false; break;}
}
}
else all.checked = false;
}
</SCRIPT>
3.8 檔案上傳過程中判斷檔案型別
<input type=file onchange="alert(this.value.match(/^(.*)(/.)(.{1,8})$/)[3])">
畫圖:
<OBJECT
id=S
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px"
height=240
width=392
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
</OBJECT>
<SCRIPT>
S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);
S.DrawingSurface.ArcRadians(30,0,0,30,50,60);
S.DrawingSurface.Line(10,10,100,100);
</SCRIPT>
寫登錄檔：
<SCRIPT>
var WshShell = WScript.CreateObject("WScript.Shell");
WshShell.RegWrite ("HKCU//Software//ACME//FortuneTeller//", 1, "REG_BINARY");
WshShell.RegWrite ("HKCU//Software//ACME//FortuneTeller//MindReader", "Goocher!", "REG_SZ");
var bKey = WshShell.RegRead ("HKCU//Software//ACME//FortuneTeller//");
WScript.Echo (WshShell.RegRead ("HKCU//Software//ACME//FortuneTeller//MindReader"));
WshShell.RegDelete ("HKCU//Software//ACME//FortuneTeller//MindReader");
WshShell.RegDelete ("HKCU//Software//ACME//FortuneTeller//");
WshShell.RegDelete ("HKCU//Software//ACME//");
</SCRIPT>
TABLAE相關(客戶端動態增加行列）
<HTML>
<SCRIPT LANGUAGE="JScript">
function numberCells() {
var count=0;
for (i=0; i < document.all.mytable.rows.length; i++) {
for (j=0; j < document.all.mytable.rows(i).cells.length; j++) {
document.all.mytable.rows(i).cells(j).innerText = count;
count++;
}
}
}
</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
</BODY>
</HTML>
１．身份證嚴格驗證：
<script>
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"雲南",54:"西藏",61:"陝西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外"}
function cidInfo(sId){
var iSum=0
var info=""
if(!/^/d{17}(/d|x)$/i.test(sId))return false;
sId=sId.replace(/x$/i,"a");
if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:非法地區";
sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
var d=new Date(sBirthday.replace(/-/g,"/"))
if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:非法生日";
for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11)
if(iSum%11!=1)return "Error:非法證號";
return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")
}
document.write(cidInfo("380524198002300016"),"<br/>");
document.write(cidInfo("340524198002300019"),"<br/>")
document.write(cidInfo("340524197711111111"),"<br/>")
document.write(cidInfo("34052419800101001x"),"<br/>");
</script>
２．驗證ＩＰ地址
<SCRIPT LANGUAGE="java script">
function isip(s){
var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
var re=s.split(".")
return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}
var s="202.197.78.129";
alert(isip(s))
</SCRIPT>
３．加sp1後還能用的無邊框視窗！！
<HTML XMLNS:IE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<IE:Download ID="include" STYLE="behavior:url(#default#download)" />
<title>Chromeless Window</title>
<SCRIPT LANGUAGE="JScript">
/*--- Special Thanks For andot ---*/
/*
This following code are designed and writen by Windy_sk <seasonx@163.net>
You can use it freely, but u must held all the copyright items!
*/
/*--- Thanks For andot Again ---*/
var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";
//Build Window
include.startDownload(CW_url, function(source){content=source});
function insert_content(){
var temp = "";
CW_Body.style.overflow = "hidden";
CW_Body.style.backgroundColor = "white";
CW_Body.style.border = "solid black 1px";
content = content.replace(/<a ([^>]*)>/g,"<a onclick='parent.open(this.href);return false' $1>");
temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
temp += "<tr style=';font-size:12px;background:#0099CC;height:20;cursor:default' ondblclick=/"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();/" onmouseup='parent.drag_up(event)' onmousemove='parent.drag_move(event)' onmousedown='parent.drag_down(event)' onselectstart='return false' oncontextmenu='return false'>";
temp += "<td style='color:#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";
temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";
temp += "<span id=Help onclick=/"alert('Chromeless Window For IE6 SP1 - Ver 1.0//n//nCode By Windy_sk//n//nSpecial Thanks For andot')/" style=/""+CSStext+"font-family:System;padding-right:2px;/">?</span>";
temp += "<span id=Min onclick='parent.New_CW.hide();parent.blur()' style=/""+CSStext+"font-family:Webdings;/" title='Minimum'>0</span>";
temp += "<span id=Max onclick=/"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();/" style=/""+CSStext+"font-family:Webdings;/" title='Maximum'>1</span>";
temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=/""+CSStext+"font-family:System;padding-right:2px;/" title='Close'>x</span>";
temp += "</td></tr><tr><td colspan=2>";
temp += "<div id=include style='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT: 100%; width:"+CW_width+"'>";
temp += content;
temp += "</div>";
temp += "</td></tr></table>";
CW_Body.innerHTML = temp;
}
setTimeout("insert_content()",1000);
var if_max = true;
function show_CW(){
window.moveTo(10000, 10000);
if(if_max){
New_CW.show(CW_top, CW_left, CW_width, CW_height);
if(typeof(New_CW.document.all.include)!="undefined"){
New_CW.document.all.include.style.width = CW_width;
New_CW.document.all.Max.innerText = "1";
}
}else{
New_CW.show(0, 0, screen.width, screen.height);
New_CW.document.all.include.style.width = screen.width;
}
}
window.onfocus = show_CW;
window.onresize = show_CW;
// Move Window
var drag_x,drag_y,draging=false
function drag_move(e){
if (draging){
New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);
return false;
}
}
function drag_down(e){
if(e.button==2)return;
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;
drag_x=e.clientX;
drag_y=e.clientY;
draging=true;
e.srcElement.setCapture();
}
function drag_up(e){
draging=false;
e.srcElement.releaseCapture();
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;
CW_top = e.screenX-drag_x;
CW_left = e.screenY-drag_y;
}
</SCRIPT>
</HTML>
電話號碼的驗證
要求：
(1)電話號碼由數字、"("、")"和"-"構成
(2)電話號碼為3到8位
(3)如果電話號碼中包含有區號，那麼區號為三位或四位
(4)區號用"("、")"或"-"和其他部分隔開
(5)行動電話號碼為11或12位，如果為12位,那麼第一位為0
(6)11位行動電話號碼的第一位和第二位為"13"
(7)12位行動電話號碼的第二位和第三位為"13"
根據這幾條規則，可以與出以下正規表示式：
(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)
<script language="java script">
function PhoneCheck(s) {
var str=s;
var reg=/(^[0-9]{3,4}/-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^/([0-9]{3,4}/)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/
alert(reg.test(str));
}
</script>
<input type=text name="iphone">
<input type=button onclick="PhoneCheck(document.all.iphone.value)" value="Check">
具有在輸入非數字字元不回顯的效果，即對非數字字元的輸入不作反應。
function numbersonly(field,event){
var key,keychar;
if(window.event){
key = window.event.keyCode;
}
else if (event){
key = event.which;
}
else{
return true
}
keychar = String.fromCharCode(key);
if((key == null)||(key == 0)||(key == 8)||(key == 9)||(key == 13)||(key == 27)){
return true;
}
else if(("0123456789.").indexOf(keychar)>-1){
window.status = "";
return true;
}
else {
window.status = "Field excepts numbers only";
return false;
}
}
驗證ip
str=document.RegExpDemo.txtIP.value;
if(/^(/d{1,3})/.(/d{1,3})/.(/d{1,3})/.(/d{1,3})$/.test(str)==false)
{
window.alert('錯誤的IP地址格式');
document.RegExpDemo.txtIP.select();
document.RegExpDemo.txtIP.focus();
return;
}
if(RegExp.$1<1 || RegExp.$1>254||RegExp.$2<0||RegExp.$2>254||RegExp.$3<0||RegExp.$3>254||RegExp.$4<1||RegExp.$4>254)
{
window.alert('錯誤的IP地址');
document.RegExpDemo.txtIP.select();
document.RegExpDemo.txtIP.focus();
return;
}
//剔除 如 010.020.020.03 前面 的0
var str=str.replace(/0(/d)/g,"$1");
str=str.replace(/0(/d)/g,"$1");
window.alert(str);
//一下是取資料的類
//Obj引數指定資料的來源(限定Table),預設第一行為欄位名稱行
//GetTableData類提供MoveNext方法,引數是表的行向上或向下移動的位數,正數向下移動,負數向上.
//GetFieldData方法獲得指定的列名的資料
//Sort_desc方法對指定的列按降序排列
//Sort_asc方法對指定的列按升序排列
//GetData方法返回欄位值為特定值的資料陣列,提供資料,可以在外部進行其他處理
//Delete方法刪除當前記錄,陣列減少一行
//初始化,Obj:table的名字,Leftlen:左面多餘資料長度,Rightlen:右面多餘資料長度,
function GetTableData(Obj,LeftLen,RightLen){
var MyObj=document.all(Obj);
var iRow=MyObj.rows.length;
var iLen=MyObj.rows[0].cells.length;
var i,j;
TableData=new Array();
for (i=0;i< iRow;i++){
TableData[i]=new Array();
for (j=0;j<iLen;j++){
TableStr=MyObj.rows(i).cells(j).innerText;
TableStr=TableStr.substring(LeftLen, TableStr.length-RightLen).Trim();
TableStr=TableStr.replace(/ /gi,"").replace(//r/n/ig,"");
TableData[i][j]=TableStr;
}
}
this.TableData=TableData;
this.cols=this.TableData[0].length;
this.rows=this.TableData.length;
this.rowindex=0;
}
function movenext(Step){
if (this.rowindex>=this.rows){
return
}
if (Step=="" || typeof(Step)=="undefined") {
if (this.rowindex<this.rows-1)
this.rowindex++;
return;
}
else{
if (this.rowindex + Step<=this.rows-1 && this.rowindex + Step>=0 ){
this.rowindex=this.rowindex + Step;
}
else
{
if (this.rowindex + Step<0){
this.rowindex= 0;
return;
}
if (this.rowindex + Step>this.rows-1){
this.rowindex= this.rows-1;
return;
}
}
}
}
function getfielddata(Field){
var colindex=-1;
var i=0;
if (typeof(Field) == "number"){
colindex=Field;
}
else
{
for (i=0;i<this.cols && this.rowindex<this.rows ;i++){
if (this.TableData[0][i]==Field){
colindex=i;
break;
}
}
}
if (colindex!=-1) {
return this.TableData[this.rowindex][colindex];
}
}
function sort_desc(){//降序
var colindex=-1;
var highindex=-1;
desc_array=new Array();
var i,j;
for (n=0; n<arguments.length; n++){
Field=arguments[arguments.length-1-n];
for (i=0;i<this.cols;i++){
if (this.TableData[0][i]==Field){
colindex=i;
break;
}
}
if ( colindex==-1 )
return;
else
{
desc_array[0]=this.TableData[0];
for(i=1;i<this.rows;i++){
desc_array[i]=this.TableData[1];
highindex=1;
for(j=1;j<this.TableData.length;j++){
if (desc_array[i][colindex]<this.TableData[j][colindex]){
desc_array[i]=this.TableData[j];
highindex=j;
}
}
if (highindex!=-1)
this.TableData=this.TableData.slice(0,highindex).concat(this.TableData.slice(highindex+1,this.TableData.length));
}
}
this.TableData=desc_array;
}
return;
}
function sort_asc(){//升序
var colindex=-1;
var highindex=-1;
var i,j;
for (n=0; n<arguments.length; n++){
asc_array=new Array();
Field=arguments[arguments.length-1-n];
for (i=0;i<this.cols;i++){
if (this.TableData[0][i]==Field){
colindex=i;
break;
}
}
if ( colindex==-1 )
return;
else
{
asc_array[0]=this.TableData[0];
for(i=1;i<this.rows;i++){
asc_array[i]=this.TableData[1];
highindex=1;
for(j=1;j<this.TableData.length;j++){//找出最小的列值
if (asc_array[i][colindex]>this.TableData[j][colindex]){
asc_array[i]=this.TableData[j];
highindex=j;
}
}
if (highindex!=-1)
this.TableData=this.TableData.slice(0,highindex).concat(this.TableData.slice(highindex+1,this.TableData.length));
}
}
this.TableData=asc_array;
}
return;
}
function getData(Field,FieldValue){
var colindex=-1;
var i,j;
GetData=new Array();
if (typeof(Field)=="undefined" || typeof(FieldValue)=="undefined" ){
return this.TableData;
}
for(j=0;j<this.cols;j++){
if (this.TableData[0][j]==Field){
colindex=j;
}
}
if (colindex!=-1){
for(i=1;i<this.rows;i++){
if (this.TableData[i][colindex]==FieldValue){
GetData[i]=new Array();
GetData[i]=this.TableData[i];
}
}
}
return GetData;
}
function DeletE(){
this.TableData=this.TableData.slice(0,this.rowindex).concat(this.TableData.slice(this.rowindex+1,this.TableData.length));
this.rows=this.TableData.length;
return;
}
function updateField(Field,FieldValue){
var colindex=-1;
var i=0;
if (typeof(Field) == "number"){
colindex=Field;
}
else
{
for (i=0;i<this.cols && this.rowindex<this.rows ;i++){
if (this.TableData[0][i]==Field){
colindex=i;
break;
}
}
}
if (colindex!=-1) {
this.TableData[this.rowindex][colindex]=FieldValue;
}
}
function movefirst(){
this.rowindex=0;
}
function movelast(){
this.rowindex=this.rows-1;
}
function String.prototype.Trim() {return this.replace(/(^/s*)|(/s*$)/g,"");}
GetTableData.prototype.MoveNext = movenext;
GetTableData.prototype.GetFieldData = getfielddata;
GetTableData.prototype.Sort_asc = sort_asc;
GetTableData.prototype.Sort_desc = sort_desc;
GetTableData.prototype.GetData = getData;
GetTableData.prototype.Delete = DeletE;
GetTableData.prototype.UpdateField = updateField;
GetTableData.prototype.MoveFirst = movefirst;
具體的例子：http://202.119.73.208/NetEAn/com/test/jsprint.htm
在每個文字框的onblur事件中呼叫校驗程式碼,並且每個文字框中onKeyDown事件中寫一個enter轉tab函式
//Enter鍵換為tab
function enterToTab()
{
if(event.srcElement.type != 'button' && event.srcElement.type != 'textarea'
&& event.keyCode == 13)
{
event.keyCode = 9;
}
}
有時候還需要自由編輯表格---
給大家一個自由編輯表格的小例子,寫的有點亂,呵呵:）
//===============================start================================
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>測試修改表格</TITLE>
<STYLE>
/*提示層的樣式*/
div
{
BORDER-RIGHT: #80c144 1px solid;
BORDER-TOP: #80c144 1px solid;
VISIBILITY: hidden;
BORDER-LEFT: #80c144 1px solid;
CURSOR: default;
LINE-HEIGHT: 20px;
BORDER-BOTTOM: #80c144 1px solid;
FONT-FAMILY: 宋體;
font-size:12px;
POSITION: absolute;
BACKGROUND-COLOR: #f6f6f6;
TOP:30px;
LEFT:30px;
}
/*tr的樣式*/
tr
{
font-family: "宋體";
color: #000000;
background-color: #C1DBF5;
font-size: 12px
}
/*table腳註樣式*/
.TrFoot
{
FONT-SIZE: 12px;
font-family:"宋體", "Verdana", "Arial";
BACKGROUND-COLOR: #6699CC;
COLOR:#FFFFFF;
height: 25;
}
/*trhead屬性*/
.TrHead
{
FONT-SIZE: 13px;
font-family:"宋體", "Verdana", "Arial";
BACKGROUND-COLOR: #77AADD;
COLOR:#FFFFFF;
height: 25;
}
/*文字框樣式*/
INPUT
{
BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
BORDER-BOTTOM: 1px solid;
FONT-SIZE: 12px;
FONT-FAMILY: "宋體","Verdana";
color: #000000;
BACKGROUND-COLOR: #E9EFF5;
}
/*button樣式*/
button
{
BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
BACKGROUND-COLOR: #D5E4F3;
CURSOR: hand;
FONT-SIZE:12px;
BORDER-RIGHT: 1px solid;
BORDER-TOP: 1px solid;
BORDER-LEFT: 1px solid;
BORDER-BOTTOM: 1px solid;
COLOR: #000000;
}
</STYLE>
</HEAD>
<BODY>
<SCRIPT language = "java script">
<!--全域性變數
//標誌位,值為false代表未開啟一個編輯框,值為true為已經開啟一個編輯框開始編輯
var editer_table_cell_tag = false;
//開啟編輯功能標誌,值為true時為允許編輯
var run_edit_flag = false;
//-->
</SCRIPT>
<SCRIPT language = "java script">
<!--
/**
* 編輯表格函式
* 單擊某個單元格可以對裡面的內容進行自由編輯
* @para tableID 為要編輯的table的id
* @para noEdiID 為不要編輯的td的ID,比如說table的標題
* 可以寫為<TD id="no_editer">自由編輯表格</TD>
* 此時該td不可編輯
*/
function editerTableCell(tableId,noEdiId)
{
var tdObject = event.srcElement;
var tObject = ((tdObject.parentNode).parentNode).parentNode;
if(tObject.id == tableId &&tdObject.id != noEdiId&&editer_table_cell_tag == false && run_edit_flag == true)
{
tdObject.innerHTML = "<input type=text id=edit_table_txt name=edit_table_txt value="+tdObject.innerText+" size='15' onKeyDown='enterToTab()'> <input type=button value=' 確定 ' onclick='certainEdit()'>";
edit_table_txt.focus();
edit_table_txt.select();
editer_table_cell_tag = true;
//修改按鈕提示資訊
editTip.innerText = "請先點確定按鈕確認修改!";
}
else
{
return false;
}
}
/**
* 確定修改
*/
function certainEdit()
{
var bObject = event.srcElement;
var tdObject = bObject.parentNode;
var txtObject = tdObject.firstChild;
tdObject.innerHTML = txtObject.value;
//代表編輯框已經關閉
editer_table_cell_tag = false;
//修改按鈕提示資訊
editTip.innerText = "請單擊某個單元格進行編輯!";
}
function enterToTab()
{
if(event.srcElement.type != 'button' && event.srcElement.type != 'textarea'
&& event.keyCode == 13)
{
event.keyCode = 9;
}
}
/**
* 控制是否編輯
*/
function editStart()
{
if(event.srcElement.value == "開始編輯")
{
event.srcElement.value = "編輯完成";
run_edit_flag = true;
}
else
{
//如果當前沒有編輯框,則編輯成功,否則,無法提交
//必須按確定按鈕後才能正常提交
if(editer_table_cell_tag == false)
{
alert("編輯成功結束!");
event.srcElement.value = "開始編輯";
run_edit_flag = false;
}
}
}
/**
* 根據不同的按鈕提供不同的提示資訊
*/
function showTip()
{
if(event.srcElement.value == "編輯完成")
{
editTip.style.top = event.y + 15;
editTip.style.left = event.x + 12;
editTip.style.visibility = "visible";
}
else
{
editTip.style.visibility = "hidden";
}
}
-->
</SCRIPT>
<TABLE id="editer_table" width="100%" align="center"
onclick="editerTableCell('editer_table','no_editer')">
<TR class="TrHead">
<TD colspan="3" align="center" id="no_editer">自由編輯表格</TD>
</TR>
<TR>
<TD width="33%">單擊開始編輯按鈕,然後點選各單元格編輯</TD>
<TD width="33%">2</TD>
<TD width="33%">3</TD>
</TR>
<TR>
<TD width="33%">4</TD>
<TD width="33%">5</TD>
<TD width="33%">6</TD>
</TR>
<TR>
<TD width="33%">one</TD>
<TD width="33%">two</TD>
<TD width="33%">three</TD>
</TR>
<TR>
<TD width="33%">four</TD>
<TD width="33%">five</TD>
<TD width="33%">six</TD>
</TR>
<TR class="TrFoot">
<TD colspan="3" align="center" id="no_editer">
<INPUT type="button" class="bt" value="開始編輯" onClick="editStart()" onMouseOver="showTip()" onMouseMove="showTip()" onMouseOut="editTip.style.visibility = 'hidden';">
</TD>
</TR>
</TABLE>
</BODY>
<DIV id="editTip">請單擊某個單元格進行編輯!</DIV>
</HTML>
125個常用javascript語句
分類： JavaScript2008-11-24 10:39 409人閱讀 評論(0) 收藏 舉報
javascriptstringfunctionactionscript瀏覽器url
107個常用javascript語句
-7.焦點 .focus();
-6.捕獲物件通用方法 function $(obj) {return document.getElementById(obj);}
<%# Eval("") %>
-5.字串賦值陣列var array=new Array();
array=tdrczpdata.split('<BR>');
-4;Request[""];
-3.常用iframe<iframe id="IFramewindow" width="0" height="0" name='IFramewindow'></iframe>
-2.常用
//錯誤提示
function AlertErrorMeg(meg){
alert(meg);
}
//提示轉向
function AlertRedirect(meg,url){
alert(meg);
window.location.assign(url);
}
-1.動態繫結方法$('JournalList1').attachEvent("onchange", onchangList);
0.陣列賦值給下拉選單state_select.options.length = state_select_num ;
for( i=1 ; i<state_select_num ; i++ )
{
state_select.options[i].value = state_array[(i-1)*2] ;
state_select.options[i].text = state_array[(i-1)*2+1] ;
}
1.document.write(""); 輸出語句
2.JS中的註釋為//
3.傳統的HTML文件順序是:document->html->(head,body)
4.一個瀏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,document)
5.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value)
6.一個小寫轉大寫的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值型別:String,Number,Boolean,Null,Object,Function
8.JS中的字元型轉換成數值型:parseInt(),parseFloat()
9.JS中的數字轉換成字元型:(""+變數) var a=2;var b=""+a;
10.JS中的取字串長度是:(length)
11.JS中的字元與字元相連線使用 號.
12.JS中的比較操作符有:==等於,!=不等於,>,>=,<.<=
13.JS中宣告變數使用:var來進行宣告
14.JS中的判斷語句結構:if(condition){}else{}
15.JS中的迴圈結構:for([initial expression];[condition];[upadte expression]) {inside loop}
16.迴圈中止的命令是:break
17.JS中的函式定義:function functionName([parameter],...){statement[s]}
18.當檔案中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.
19.視窗:開啟視窗window.open(), 關閉一個視窗:window.close(), 視窗本身:self
"fullscreen=no,channelmode=no,toolbar=no,location=no,menubar=no,scrollbas=no,resizable=no,"
20.狀態列的設定:window.status="字元";
21.彈出提示資訊:window.alert("字元");
22.彈出確認框:window.confirm();
23.彈出輸入提示框:window.prompt();
24.指定當前顯示連結的位置:window.location.href="URL"
25.取出窗體中的所有表單的數量:document.forms.length
26.關閉文件的輸出流:document.close();
27.字串追加連線符: =
28.建立一個文件元素:document.createElement(),document.createTextNode()
29.得到元素的方法:document.getElementById()
30.設定表單中所有文字型的成員的值為空:
var form = window.document.forms[0]
for (var i = 0; i<form.elements.length;i ){
if (form.elements.type == "text"){
form.elements.value = "";
}
}
31.核取按鈕在JS中判斷是否選中:document.forms[0].checkThis.checked (checked屬性代表為是否選中返回TRUE或FALSE)
32.單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長度document.forms[0].groupName.length
33.單選按鈕組判斷是否被選中也是用checked.
34.下拉選單框的值:document.forms[0].selectName.options[n].value (n有時用下拉選單框名稱加上.selectedIndex來確定被選中的值)
35.字串的定義:var myString = new String("This is lightsword");
36.字串轉成大寫:string.toUpperCase(); 字串轉成小寫:string.toLowerCase();
37.返回字串2在字串1中出現的位置:String1.indexOf("String2")!=-1則說明沒找到.
38.取字串中指定位置的一個字元:StringA.charAt(9);
39.取出字串中指定起點和終點的子字串:stringA.substring(2,6);
40.數學函式:Math.PI(返回圓周率),Math.SQRT2(返回開方),Math.max(value1,value2)返回兩個數中的最在值,Math.pow(value1,10)返回
value1的十次方,Math.round(value1)四捨五入函式,Math.floor(Math.random()*(n 1))返回隨機數
41.定義日期型變數:var today = new Date();
42.日期函式列表:dateObj.getTime()得到時間,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得
到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期幾,dateObj.getHours()得到小時,dateObj.getMinutes()得到
分,dateObj.getSeconds()得到秒,dateObj.setTime(value)設定時間,dateObj.setYear(val)設定年,dateObj.setMonth(val)設定
月,dateObj.setDate(val)設定日,dateObj.setDay(val)設定星期幾,dateObj.setHours設定小時,dateObj.setMinutes(val)設定
分,dateObj.setSeconds(val)設定秒 [注意:此日期時間從0開始計]
43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName
44.parent代表父親物件,top代表最頂端物件
45.開啟子視窗的父視窗為:opener
46.表示當前所屬的位置:this
47.當在超連結中呼叫JS函式時用:(javascript :)來開頭後面加函式名
48.在老的瀏覽器中不執行此JS:<!-- //-->
49.引用一個檔案式的JS:<script type="text/javascript" src="aaa.js"></script>
50.指定在不支援指令碼的瀏覽器顯示的HTML:<noscript></noscript>
51.當超鏈和onCLICK事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例:<a href="a.html"
onclick="location.href='b.html';return false">dfsadf</a>
52.JS的內建物件
有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeErr
or,URIError
53.JS中的換行:/n
54.視窗全屏大小:<script>function fullScreen(){ this.moveTo
(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
55.JS中的all代表其下層的全部元素
56.JS中的焦點順序:document.getElementByid("表單元素").tabIndex = 1
57.innerHTML的值是表單元素的值:如<p id="para">"how are <em>you</em>"</p>,則innerHTML的值就是:how are <em>you</em>
58.innerTEXT的值和上面的一樣,只不過不會把<em>這種標記顯示出來.
59.contentEditable可設定元素是否可被修改,isContentEditable返回是否可修改的狀態.
60.isDisabled判斷是否為禁止狀態.disabled設定禁止狀態
61.length取得長度,返回整型數值
62.addBehavior()是一種JS呼叫的外部函式檔案其副檔名為.htc
63.window.focus()使當前的視窗在所有視窗之前.
64.blur()指失去焦點.與FOCUS()相反.
65.select()指元素為選中狀態.
66.防止使用者對文字框中輸入文字:onfocus="this.blur()"
67.取出該元素在頁面中出現的數量:document.all.tags("div(或其它HTML標記符)").length
68.JS中分為兩種窗體輸出:模態和非模態.window.showModaldialog(),window.showModeless()
69.狀態列文字的設定:window.status='文字',預設的狀態列文字設定:window.defaultStatus = '文字.';
70.新增到收藏夾:external.AddFavorite("http://www.dannyg.com";,"jaskdlf");
71.JS中遇到指令碼錯誤時不做任何操作:window.onerror = doNothing; 指定錯誤控制程式碼的語法為:window.onerror = handleError;
72.JS中指定當前開啟視窗的父視窗:window.opener,支援opener.opener...的多重繼續.
73.JS中的self指的是當前的視窗
74.JS中狀態列顯示內容:window.status="內容"
75.JS中的top指的是框架集中最頂層的框架
76.JS中關閉當前的視窗:window.close();
77.JS中提出是否確認的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的視窗重定向:window.navigate("http://www.sina.com.cn";);
79.JS中的列印:window.print()
80.JS中的提示輸入框:window.prompt("message","defaultReply");
81.JS中的視窗滾動條:window.scroll(x,y)
82.JS中的視窗滾動到位置:window.scrollby
83.JS中設定時間間隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模態顯示在IE4 行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的控制程式碼:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}}
window.=verifyClose;
86.當窗體第一次呼叫時使用的檔案控制程式碼:onload()
87.當窗體關閉時呼叫的檔案控制程式碼:onunload()
88.window.location的屬性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname
("/a/a.html"),hash("#giantGizmo",指跳轉到相應的錨記),href(全部的資訊)
89.window.location.reload()重新整理當前頁面.
90.window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可以使用訪問過的URL)
91.document.write()不換行的輸出,document.writeln()換行輸出
92.document.body.noWrap=true;防止連結文字折行.
93.變數名.charAt(第幾位),取該變數的第幾位的字元.
94."abc".charCodeAt(第幾個),返回第幾個字元的ASCii碼值.
95.字串連線:string.concat(string2),或用 =進行連線
96.變數.indexOf("字元",起始位置),返回第一個出現的位置(從0開始計算)
97.string.lastIndexOf(searchString[,startIndex])最後一次出現的位置.
98.string.match(regExpression),判斷字元是否匹配.
99.string.replace(regExpression,replaceString)替換現有字串.
100.string.split(分隔符)返回一個陣列儲存值.
101.string.substr(start[,length])取從第幾位到指定長度的字串.
102.string.toLowerCase()使字串全部變為小寫.
103.string.toUpperCase()使全部字元變為大寫.
104.parseInt(string[,radix(代表進位制)])強制轉換成整型.
105.parseFloat(string[,radix])強制轉換成浮點型.
106.isNaN(變數):測試是否為數值型.
107.定義常量的關鍵字:const,定義變數的關鍵字:var
toString（Array.toString 方法）
public toString() : String
返回一個字串值，該值表示所指定的 Array 物件中的元素。陣列中的每一個元素（從索引 0 開始到最高索引結束）均會轉換為一個連線字
符串，並以逗號分隔。若要指定自定義的分隔符，請使用 Array.join() 方法。
可用性：ActionScript 1.0；Flash Player 5
返回
String - 一個字串。
示例
下面的示例建立 my_array，並將其轉換為字串。
var my_array:Array = new Array();
my_array[0] = 1;
my_array[1] = 2;
my_array[2] = 3;
my_array[3] = 4;
my_array[4] = 5;
trace(my_array.toString()); // Displays 1,2,3,4,5.
此示例輸出 1、2、3、4、5 作為 trace 語句的結果。
陣列：
新建：var ary = new Array(); 或 var ary = []; 增加：ary.push(value); 刪除：delete ary[n]; 遍歷：for ( var i=0 ; i <
ary.length ; ++i ) ary[i];