js 技巧大全(1)

索引：

1.文本框焦點問題
2.網頁按鈕的特殊顏色
3.鼠標移入移出時顏色變化
4.平面按鈕
5.按鈕顏色變化
6.平面輸入框
7.使窗口變成指定的大小
8.使文字上下滾動
9.狀態欄顯示該頁狀態
10.可以點擊文字實現radio選項的選定
11.可以在文字域的font寫onclick事件
12.打印</a>打印網頁
13.線型輸入框
14.顯示文檔最後修改日期
15.可以在鼠標移到文字上時就觸發事件
16.可以根據網頁上的選項來確定頁面顏色
17.將按鈕的特徵改變
18.改變按鈕的圖片
19.打印頁面
20.可以直接寫html語言
21.改變下拉框的顏色
22.轉至目標URL
23.傳遞該object的form
24.文字標籤
25.layer2爲組件的ID，可控制組件是否可見
26.將頁面加入favorite中
27.過10秒自動關閉頁面
28.可以比較字符的大小
29.將字符轉化爲數字
30.點value非空時轉向指定連接
31.改變背景顏色
32.改變文字輸入框的背景顏色
33.改變水平線的特徵
34.傳遞參數的方式
35.頁內跳轉
36.兩個按鍵一起按下
37.刷新頁面
38.將網頁的按鈕使能
39.文字移動
40.雙擊網頁自動跑
41.後退
42.前進
43.刷新
44.轉向指定網頁
45.在網頁上顯示實時時間
46.可以下載文件
47.連接數據庫
48.在頁面div內寫內容
49.改變連接的格式，使其爲雙線
50.新建frame
51.向文件中寫內容
52.先讀文件再寫文件
53.直線型輸入框
54.背景改爲按鈕性狀

55.同時按下CTRL和Q鍵
56.顯示hint，其思想鼠標停留將div內容顯示出，移出後將該div隱藏
57.彈出窗口
58.動態改變字體大小
59.判斷何種瀏覽器
60.vbsscript確定框
61.複製到剪切板
62.java建立數據庫連接
63.最小化窗口
64.文檔的路徑
65.定時執行某段程序
66.設置爲主頁
67.設置爲收藏
68.判斷cookie是否可用
69.顯示有模式的有頁面的彈出窗口
70.截取小數點後兩位
71.禁止選擇頁面上的文字來拷貝
72.屏蔽右鍵菜單
73.事件禁止起泡
74.禁止在輸入框打開輸入法
75.屏蔽漢字和空格
76.用javascript判斷文件是否存在
77.獲得當前的文本框選中的文字
78.跳轉至目標頁面，同時不可返回
79.獲得當前的行是表格的第幾行
80.刪除表格某行，xx表示某行，下標從0開始計算
81.動態的向表格中添加行
82.event.x,event.clientX,event.offsetX區別
83.顯示是鼠標按鈕的哪個
84.打開C盤
85.當前屏幕的分辨率
86.設置表格中的內容
87.本地快捷鍵
88.IE菜單
89.web對話框
90.取第x,y的值
91.向新打開的網頁上寫內容
93.返回
94.將頁面上選中的內容複製到剪貼板
95.將頁面上選中的內容複製到剪貼板
96.鼠標移到下拉框時自動全部打開
97.獲得本機的文件
98.判斷客戶端是否是IE瀏覽器

99.創建新的下拉框選項

100.在頁面上畫柱狀圖
101.餅圖
102.是一個特殊的容器，想裝個網頁都行
103.外部的html代碼
104.標識當前的IE事件的觸發器
105.事件類型
106.動態改變類型
107.頁面翻轉
108.滾屏
109.改變狀態欄
110.改變窗口大小
111.改變鼠標樣式
112.背景透明
113.鼠標爲等待形狀
114.調用父窗口的函數
115.body的內部html代碼
116.框架中調用父窗口的函數
117.交換節點
118.刪除節點
119.添加節點
120.獲得事件的父與子標籤
121.集中爲按鈕改變顏色
122.判斷是左鍵還是右鍵被按下
123.獲得操作系統的名稱和瀏覽器的名稱
124.alt/ctrl/shift鍵按下
125.將當前位置定位爲C盤。
126.返回輸入框的類型
127.模擬控件的單擊事件
128.取出記錄集的列名
129.格式化數字
130.回車按鈕轉化爲tab按鈕
131.滾動條滾動
132.判斷是什麼對象
133.取消文本框自動完成功能
134.讓下拉框自動下拉
135.讀取XML文件
136.點擊圖片，圖片停止
137.顯示本地計算機信息
138.比較時間
139.彈出鼠標所在處的鏈結地址
140.注意不能通過與 undefined 做比較來測試一個變量是否存在
141.創建具有某些屬性的對象
142.枚舉（循環）對象的所有屬性
143.判斷一個數字是否是整數
144.新建日期型變量
145.給類定義新的方法
146.定義一個將日期類型轉化爲字符串的方法
147. pasta 是有四個參數的構造器,定義對象。
148.打印出錯誤原因
149.生成EXCEL文件並保存
150.根據標籤獲得一組對象
151.實現打印預覽及打印
152.不通過form，直接通過名字引用對象
153.使鼠標滾輪失效
154.創建彈出窗口
155.取得鼠標所在處的對象
156.獲得左邊的對象
157.定位鼠標
158.向下拉框指定位置添加項目
159.判斷一個窗口是否已經打開

160.動態創建一個標籤
161.標題欄
162. 定義方法
163.設置透明效果

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

正文：

1.文本框焦點問題
onBlur:當失去輸入焦點後產生該事件
onFocus:當輸入獲得焦點後，產生該文件
Onchange:當文字值改變時，產生該事件
Onselect:當文字加亮後，產生該文件

<input type="text" value="郭強" οnfοcus="if(value=='郭強') {value=''}" οnblur="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=submit 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 οnmοuseοver='this.stop()' οnmοuseοut='this.start()'

height=60>

共和國

</marquee>

9.狀態欄顯示該頁狀態
<base οnmοuseοver="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 ()'>test</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">
     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="提交" οnmοuseοver="this.className='style2'"

οnmοuseοut="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="提交" οnmοuseοver="this.className='style4'"

οnmοuseοut="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 οnchange='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 οnmοuseοver="this.bgColor='#FFFFFF';"

οnmοuseοut="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 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 οnclick=haha()>
<INPUT TYPE="button" NAME="bb " value=guoguo>
<INPUT TYPE="button" NAME="bb " value=guoguo>

39.文字移動
<marquee scrollamount=3 οnmοuseοver=this.stop(); οnmοuseοut=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.οnmοusedοwn=sc
document.οndblclick=initialize
</SCRIPT>

41.後退
<INPUT TYPE="button" οnclick=window.history.back() value=back>

42.前進
<INPUT TYPE="button" οnclick=window.history.forward() value=forward>

43.刷新
<INPUT TYPE="button" οnclick=document.location.reload() value=reload>

44.轉向指定網頁
document.location="http://ww"或者document.location.assign("http://guoguo.com")

45.在網頁上顯示實時時間
<SCRIPT LANGUAGE="JavaScript">
var clock_id;
window.οnlοad=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" οnclick="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>

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" οnmοuseοver=this.className='mouseoverbt'; οnmοuseοut=this.className='mouseout';><a href="tm.asp?classid=76"><font

color="#000000">錄音筆</font></a></td>
<style>
.mouseoverbt
{
background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif);
background-repeat: no-repeat;
}
.mouseout
{
background-color: #E0E0E0;
}
</style>

55.同時按下CTRL和Q鍵
document.οnkeydοwn=function(){
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}

56.以下是一個完整的顯示hint的代碼，其思想是當鼠標停留是將div中的內容顯示在鼠標出，當鼠標移出後在將該div隱藏掉

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<style>
#hint{
width:198px;
border:1px solid #000000;
background:#99ff33;
position:absolute;
z-index:9;
padding:6px;
line-height:17px;
text-align:left;
top: 1520px;
}
</style>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
<BODY>
<text id=guoguo value=ga>
<a href=# οnmοuseοver=showme() οnmοuseοut=hidme() οnmοusemοve=showme() son=hint>dfdfd</a>
<div id=hint style="display:none"></div>
</BODY>
</HTML>
---------------------------------------------------------------------------------------------------------

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

57.彈出窗口
方法一：<body οnlοad="openwen()"> 瀏覽器讀頁面時彈出窗口；
方法二：<body οnunlοad="openwen()"> 瀏覽器離開頁面時彈出窗口；
方法三：用一個連接調用：<a href="#" οnclick="openwin()">打開一個窗口</a>
注意：使用的"#"是虛連接。
方法四：用一個按鈕調用：<input type="button" οnclick="openwin()" value="打開窗口"> 何時裝載script

/////////////////彈出窗口總結////////////////////////

1.無提示刷新網頁
    大家有沒有發現，有些網頁，刷新的時候，會彈出一個提示窗口，點“確定”纔會刷新。
而有的頁面不會提示，不彈出提示窗口，直接就刷新了.
    如果頁面沒有form,
       則不會彈出提示窗口
    如果頁面有form表單，
      a)<form method="post" ...>
           會彈出提示窗口
      b)<form method="get" ...>
           不會彈出

2 javascript刷新頁面的方法

   window.location.reload();

   使用window.open()彈出的彈出窗口，刷新父窗口
      window.opener.location.reload()
   使用window.showDialog彈出的模式窗口
      window.dialogArguments.location.reload();

3.javascript彈出窗口代碼
   下面給兩個彈出屏幕居中窗口的例子
   window.open()方式
       function ShowDialog(url) {
           var iWidth=300; //窗口寬度
           var iHeight=200;//窗口高度
           var iTop=(window.screen.height-iHeight)/2;
           var iLeft=(window.screen.width-iWidth)/2;
           window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,
     Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft);
          }

   window.showModalDialog方式
     function ShowDialog(url) {
           var iWidth=300; //窗口寬度
           var iHeight=200;//窗口高度
           var iTop=(window.screen.height-iHeight)/2;
           var iLeft=(window.screen.width-iWidth)/2;
           window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
     dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");
         }

注意這裏的第二個參數，window

4.模式窗口數據不刷新（緩存）問題

在jsp頁面加入如下語句

<%
      response.setHeader("Pragma","No-Cache");
      response.setHeader("Cache-Control","No-Cache");
      response.setDateHeader("Expires", 0);
%>

5,模式窗口中，鏈接彈出新窗口問題

在</head>和<body>間加入<base target="_self">

6.無提示關閉頁面的方法
function CloseWin(){
    var ua = navigator.userAgent; var ie = navigator.appName=="Micorsoft Internet Explorer"?true:false;
    if(ie){
var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))));
    if( IEversion< 5.5){
    var str = '';
    document.body.insertAdjacentHTML("beforeEnd", str);
     document.all.noTipClose.Click();
   } else {
      window.opener =null; window.close();
   }
}else{
window.close()
}
}

///////////////////////////////////////////

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

</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()" οncοntextmenu="noEffect()">//

72.屏蔽右鍵菜單
οncοntextmenu="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 οnmοuseup="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%" οnclick=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 οnclick="min.Click()"><font face="webdings">0</font></button>//改變按鈕上的圖片
<input type=button οnclick="document.execCommand('CreateLink','true','true')"> //創建新連接
<input type=button οnclick="document.execCommand('print','true','true')"> //打印
<input type=button οnclick="document.execCommand('saveas','true','網站製作.htm')">//另存爲htm
<input type=button οnclick="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 οnclick=self.close() alt="...關閉">';
contents+='<img src=jet.gif οnclick=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 οnclick="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'

οnclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='複製頁面選中

的字符'>//
95.將頁面上選中的內容複製到剪貼板
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" οnclick="document.execCommand('Copy', 'false',

null);">////

96.鼠標移到下拉框時自動全部打開
<select οnmοuseοver="javascript:this.size=this.length" οnmοuseοut="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%'