javascript簡介
一、對象
1. document
1. all
2. form
3. cookie
4. title
5. write()
例：
document.all //頁面中的所有對象(object,collection)
document.forms //頁面中的所有form(object,array)
document.all.ControlID //頁面中的控件(object)
document.all("ControlID") //頁面中的控件(同上)(object)
document.forms.elements //第i個form中的所有元素(控件)(object,array)
document.forms.elements[j] //第i個form中的第j個元素(控件)(object)
document.all.TableID.rows //表格的行(object,array)
document.all.TableID.rows.length //表格的行數(int)
document.all.TableID.rows.cells //指定行的單元格(object,array)
document.all.TableID.rows.cells.length //指定行的單元格數(int)
document.all.TableID.cells //表格的單元格(object,array)
document.all.TableID.cells.length //表格的單元格數(int)
2. window
1. location 頁面URL
2. opener 當前窗口的父窗口（打開者）。
3. parent 頁面的上級框架
4. top 頁面的最上層框架(多框架嵌套)
5. status 窗口狀態欄中的內容
6. frames 獲取框架組內的每一個框架（數組）
7. alert()
window.alert(‘Hello World’)
8. confirm()
var b = window.confirm(‘確認提交嗎？’)
返回值bool類型，點確定返回true，點取消返回false
9. open()
var win = window.open(‘webform1.aspx’,’name’,’width=200,height=200,left=200,top=200’)
10. showModalDialog()
window.showModalDialog(‘webform1.aspx’,’name’,’dialogWidth:200px;dialogHeight:200px;center:yes;help:no;resizable:yes;status:no;scroll:auto’)
11. close()
window.close();
3. js將頁面中的每一個控件(元素)都看作對象，如：
<div id=div1 style="font-size:12px"><b>Hellow World</b></div>
<SCRIPT LANGUAGE="JavaScript">
alert(document.all.div1.innerText)
alert(document.all.div1.innerHTML)
alert(document.all.div1.style.fontSize)
</SCRIPT>
二、事件
1. onKeyDown 按下鍵時觸發
2. onKeyPress
3. onKeyUp 擡起鍵時觸發
4. onMouseDown 按下鼠標任何一個鍵時觸發
5. onMouseUp 放開鼠標鍵時觸發
6. onMouseMove 鼠標移動時觸發
7. onMove 窗口移動時觸發
8. onReset 點擊Reset按鈕時觸發
9. onResize改變窗口大小時觸發
三、字符串處理
1. length
var str = “Hello World”;
alert(str.length);
2. charAt() / charCodeAt()
var str = “Hello World”;
alert(str.charAt(1));
alert(str.charCodeAt(1));
3. indexOf() / lastIndexOf()
var str = “Hello World”;
alert(str.indexOf(‘o’));
alert(str. lastIndexOf (‘o’));
4. replace()
形如：string.replace(regexp,replacement)
替換一個與正則表達式匹配的子串。
5. split()
var str = "Hello World";
str1 = str.split('o')
6. substr() / substring()
var str = "Hello World";
str1 = str.substr(1,4) //從位置一往後數四個
str2 = str.substring(1,4) //從位置一到位置四
alert(str1);
alert(str2);
7. toString() / toLowerCase() / toUpperCase()
var str = "Hello World";
alert(str.toLowerCase());
alert(str.toUpperCase());
四、數組處理
1. length
數組中元素個數
2. concat()
合併兩個或更多數組中的元素到一個新的數組中
3. join()
合併數組中的所有元素爲一個有獨立特徵的字符串
4. pop()
從數組中刪除最後一個元素，並在需要試返回此被刪去的元素值
5. push()
在數組末尾添加元素，並在需要時返回此數組的新length值
6. reverse()
顛倒數組中元素的排序；第一元素被移到最後，最後元素被放在第一位置，一次類推。
7. shift()
從數組中刪除第一元素，並在需要時返回此被刪去的元素值
8. unshift()
在數組前添加元素，並在需要時返回數組的新length值
9. slice()
截取數組中的一指定部分，並將此部分做爲一新書組返回
10. splice()
從數組中刪除或替換元素
11. sort()
依據元素的字符串值，按字母順序對數組元素進行排序。
五、其他（變量、數學、日期、運算符、條件語句和循環）
1. 變量：數值型、字符型、布爾型、空值型
var a = 1.5;
var b = “Hello World”
var c = true;
var d = null;
2. 數學對象(Math)的方法（因精確度不夠，不推薦試用）
1. abs() 絕對值函數，返回值爲參數的絕對值。
2. round() 四捨五入取整函數，返回值爲距離參數最近的整數。
3. ceil() 向上四捨五入，返回值爲大於或等於參數的最小整數值。
4. floor() 向下四捨五入函數，返回值爲小於或等於參數的最小整數值。
5. random() 隨機數函數，返回值爲一個0~1之間的隨機數，不需要參數。
6. max() 最大函數，返回值爲兩個參數中較大的那個數。
7. min() 最小函數，返回值爲兩個參數中較小的那個數。
8. exp() 指數函數，返回值爲e的參數次方。
9. log() 自然對數函數，返回值爲參數的自然對數值。
10. pow() 冪函數，返回值爲第一個參數的第二個參數次冪。
11. sqrt() 平方根函數，返回值爲參數的平方根。
12. sin() 正弦函數，返回值爲參數的正弦函數值，單位爲弧度。
13. asin() 反正切函數，返回值爲參數的反正切函數值，單位爲弧度。
14. cos() 餘弦函數，返回值爲參數的餘弦函數值，單位爲弧度。
15. acos() 反餘弦函數，返回值爲參數的反餘弦函數值，單位爲弧度。
16. tan()正切函數，返回值爲參數的正切函數值，單位爲弧度。
17. atan() 反正切函數，返回值爲參數的反正切函數值，單位爲弧度。
3. 日期
首先聲明一個日期對象：var dDate = new Date();
1. getYear() 返回年份
2. getMonth() 返回月份值
3. getDate() 查看Date對象並返回日期
4. getDay() 返回星期幾
5. getHours() 返回小時數
6. getMinutes() 返回分鐘數
7. getSeconds() 返回秒數
8. getTime() 返回完整的時間
9. setYear() 改變年份
10. 0setDate() 改變Date對象的日期
11. setHours() 改變小時數
12. setMinutes() 改變分鐘數
13. setMonth() 改變月份
14. setSeconds() 改變秒數
15. setTime() 改變完整的時間
16. toLocaleString() 把Date對象的日期(一個數值)轉變成一個字符串,使用所在計算機上配置使用的特定日期格式
1.在地址欄輸入javascript語句
Javascript:Document.write("顯示文字")
2.將javascript嵌入 HTML文檔
<script language=javascript>
document.bgColor="blue"
</script>
第二章 使用變量和數組
1.聲明變量
<script language=javascripe>
Var answer1,answer2,answer3,answer4;
answer1=9;
answer2=2.5
answer3="Milkey May"
answer4=true
</script>
2.使用整數
<script language=javascript>
var decimalNum,hexadecimalNum,octalNum
decimalNum=24
hexadecimalNum=0x24
octalNum=024
document.write("顯示十進制數："+ decimalNum+"<br>")
document.write("顯示十六進制數："+ hexadecimalNum +"<br>")
document.write("顯示八進制數："+ octalNum +"<br>")
</script>
3.使用浮點數
<script language=javascript>
var num1,num2,num3,num4
num1=1234567890000.0
num2=5.14e23
num3=0.0000123456
num4=6.0254e3-4
document.write("浮點數1："+num1+"<br>")
document.write("浮點數2："+num2+"<br>")
document.write("浮點數3："+num3+"<br>")
document.write("浮點數4："+num4+"<br>")
</script>
4.使用布爾值
<script language=javascript>
var answer1,answer2
answer1=true
answer2=false
document.write("顯示布爾1："+answer1+"<br>")
document.write("顯示布爾2："+answer2+"<br>")
</script>
5.使用字符串
<script language=javascript>
var str1,str2
str1="fdsgdg dsfdsf china"
str2="武漢市廣播電視大學"
document.write("顯示字符串1："+str1+"<br>")
document.write("顯示字符串2："+str2+"<br>")
</script>
6.確定變量類型
<script>
var answer1,answer2,answer3,answer4
answer1=9
answer2=2.5
answer3="milky may"
answer4=true
document.write("變量1的類型是："+typeof answer1 +"<br>")
document.write("變量2的類型是："+typeof answer2 +"<br>")
document.write("變量3的類型是："+typeof answer3 +"<br>")
document.write("變量4的類型是："+typeof answer4 +"<br>")
</script>
7.將字符串轉換成數字
<script>
var str1="31 days in january"
var int1=parseInt(str1)
document.write("str1的數據類型是 ："+typeof str1+"<br>")
document.write("int1的數據類型是 ："+typeof int1+"<br>")
</script>
8.將數字轉換成字符串
<script>
var int1=256
var str1=""+int1
document.write("str1的數據類型是 ："+typeof str1+"<br>")
document.write("int1的數據類型是 ："+typeof int1+"<br>")
</script>
9.聲明數組
<script>
array=new Array(5)
array[0]=1
array[1]=3
array[2]=5
array[3]=7
array[4]=11
document.write("數組是："+array[0]+" "+array[1]+" "+array[2]+" "+array[3]+" "+array[4])
</script>
10.確定數組元素的個數
<script>
array=new Array(5)
array[0]=1
array[1]=3
array[2]=5
array[3]=7
array[4]=11
document.write("數組是："+array[0]+" "+array[1]+" "+array[2]+" "+array[3]+" "+array[4]+"<br>")
document.write("數組的元素個數是"+array.length)
</script>
11.將數組轉換爲字符串
<script>
array=new Array()
array[0]="dark"
array[1]="apple"
array[2]="nebula"
array[3]="water"
str1=array.join()
str2=array.join(" ")
document.write(str1+"<br>")
document.write(str2)
</script>
12.對數組排序
<script>
array=new Array()
array[0]="dark"
array[1]="apple"
array[2]="nebula"
array[3]="water"
str1=array.sort()
document.write(str1+"<br>")
</script>
第三章 創建表達式
1.使用算術運算符
<script>
var1=12
var2=10
varadd=var1+var2
varsub=var1-var2
varmult=var1*var2
vardiv=var1/var2
varmod=var1%var2
document.write("數據1是："+var1+"<br>")
document.write("數據2是："+var2+"<br>")
document.write("數據相加是："+varadd+"<br>")
document.write("數據相減是："+varsub+"<br>")
document.write("數據相乘是："+varmult+"<br>")
document.write("數據相除是："+vardiv+"<br>")
document.write("數據相除取餘數是："+varmod+"<br>")
</script>
2.遞增變量和遞減變量
<script>
days=1
document.write("輸出變量"+days+"<br>")
days++
document.write("遞增後變量變爲："+days)
</script>
3.創建比較表達式
<script>
daysofmonth=28
if(daysofmonth==28)
month="february"
document.write("days of month:"+daysofmonth+"<br>")
document.write("month:"+month)
</script>
4.創建邏輯表達式
<script>
dayofmonth=28
if(dayofmonth==28 || dayofmonth==29)
month="february"
document.write("days of month:"+dayofmonth+"<br>")
document.write("month:"+month)
</script>
5.使用條件運算符
<script language="javascript">
stomach="hungry";
time="5:00";
(stomach=="hungry"&&time=="5:00") ? eat = "dinner":eat="a snack";
document.write("輸出結果"+eat);
</script>
6.識別數字
<script>
var1=24;
(isNaN(var1))?document.write("變量var1"+var1+"不是數字"):Document.write("變量var1"+var1+"是數字")
</script>
第四章 控制程序流程
1.使用IF –Else語句
<script>
month="december"
date=25
if(month=="december" && date==25)
document.write("今天是聖誕節,商店關門")
else
document.write("歡迎,您來商店購物")
</script>
2.使用for 循環
<script>
for (count=1;count<=10;count++)
document.write("輸出第"+count+"句"+"<br>")
</script>
3.使用while循環
<script>
count=1
while(count<=15){
document.write("輸出第"+count+"句" +"<br>")
count++}
</script>
4.中斷循環
<script>
count=1
while(count<=15){
count++
if(count==8)
break;
document.write("輸出第"+count+"句"+"<br>")}
</script>
5.繼續循環
<script>
count=1
while(count<=15){
count++
if(count==8)
continue;
document.write("輸出第"+count+"句"+"<br>")}
</script>
6.使用javascript定時器
<script>
function rabbit()
{document.write("輸出語句")
}
</script>
<body οnlοad=window.setTimeout(rabbit(),5000)>
7.設置定期間隔
<script>
window.setInterval("document.form1.text2.value=document.form1.text1.value",3000)
</script>
<form name=form1>
<input type=text name=text1><br>
<input type=text name=text2><br>
</form>
8.清除超時和間隔
<script>
stop=window.setInterval("document.form1.text2.value=document.form1.text1.value",300)
</script>
<form name=form1>
<input type=text name=text1><br>
<input type=text name=text2><br>
<input type=button name=button1 value=" 清除超時和間隔" οnclick=clearInterval(stop)>
</form>
第五章 使用函數
1.聲明函數
<script>
function quote()
{ document.write("輸出語句")
}
</script>
2.調用函數
<script>
function quote()
{ document.write("輸出語句")
}
quote()
</script>
3.瞭解全局變量和局部變量
任何不用 var關鍵字聲明的變量都是全局變量,任何在函數外聲明的變量都是全局變量
4.將參數傳送給函數
<script>
function f(item)
{document.write("輸出參數"+item+"<br>")
}
f("fgdfgd")
f("參數二")
</script>
5.從函數返回值
<script>
function average(var1,var2,var3)
{ave=(var1+var2+var3)/3;
document.write("輸出結果");
return ave;
}
document.write(average(34,56,78))
</script>
6.通過HTML鏈接調用函數
<script>
function quote(){
document.write(" 輸出字符串")
}
</script>
<a href=javascript:quote()>通過HTML鏈接調用函數</a>
<a href=javascript:Document.write("輸出字符")> 通過HTML鏈接調用函數,直接寫javascript語句</a>
第六章 處理事件
1.檢查鼠標單擊
<form name=form1>
<input type=button name=button1 value=hello οnclick=document.form1.button1.value='there'>
</form>
2.檢測雙擊
<form name=form1>
<input type=button name=button1 value=hello οnclick=document.form1.button1.value='你單擊了按鈕' οndblclick=document.form1.button1.value='你雙擊了該按鈕'>
</form>
3.創建懸停按鈕
<img src=go.gif οnmοuseοver=document.images[0].src='go2.gif' οnmοuseοut= document.images[0].src='go.gif'>
4.檢測按鍵
<form name=form1>
<input type=text name=text1 value=hello οnkeypress="if(window.event.keyCode=='100') document.form1.text1.value='你按了d鍵'">
</form>
5.設置焦點
<form name=form1>
<input type=text name=text1 value=hello
onfous=document.form1.text1.value='該文本框獲得焦點'
οnblur=document.form1.text1.value='該文本框失去焦點'>
</form>
6.檢測下拉菜單選擇
<form name=form1>
<select name=select1 size=4
onChange=document.form1.text1.value=document.form1.select1.value>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="武漢">武漢</option>
<option value="天津">天津</option>
<option value="大連">大連</option>
</select>
<input tppe=text name=text1 value=hello>
</form>
7.創建網頁加載和卸載信息
<body οnlοad=document.form1.text1.value='頁面加載完畢' οnunlοad=alert('再見,歡迎再來')>
<form name=form1>
<input type=text name=text1 value="頁面正在加載 ……">
</form>
第七章 使用對象
1.理解對象/屬性和方法
<body bgcolor="green">
<script>
document.write("頁面背景顏色是:"+document.bgColor)
document.write("頁面前景顏色是:"+document.fgColor)
</script>
2.使用網頁元素對象
<script>
</script>
<form name=form1>
<textarea name=ta1>dfgfdgfdhfdhdfdfgdf</textarea>
<input type=button value="選擇文本" οnclick=document.form1.ta1.select()>
<input type=button value="顯示文本" οnclick=document.write(document.form1.ta1.value)>
</form>
3.使用子對象
<form name=form1>
<input type=text name=text1 value=hello>
</form>
<script>
document.form1.text1.value="gdfgfd"
</script>
<form name=form1>
<input type=radio name=radio1>男
<input type=radio name=radio2>女
</script>
<script>
document.form1.radio1.checked=true
</script>
4.使用預定義對象
<script>
str1="dgdfgdfgdfhf固定法固定法功夫攻打法"
document.write(str1+"<br>")
str2=str1.substr(5)
document.write(str2+"<br>")
document.write("輸出圓的面積:"+Math.PI*Math.pow(5.0,2))
</script>
5.創建新對象
<script>
today=new Date()
document.write("今天是"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"<br>")
document.write("現在是:"+today.toLocaleString())
</script>
6.引用當前對象
<form name=form1>
<input type=text name=text1 value="dgdgdfgfd" οnclick=this.select()>
</script>
7.查看對象屬性
<script>
for(prop in window)
{document.write("window."+prop+"="+window[prop]+"<br>");}
for(prop2 in location)
{document.write("location."+prop2+"="+location[prop]+"<br>");}
</script>
8.使用Array對象
<script>
array=new Array(10)
array[0]="bark"
array[1]="apple"
array[2]="nebula"
array[3]="cookie"
array[4]="technology"
document.write("數組元素個數是"+array.Length+"<br>")
document.write("用 join將數組合並"+array.join(" ")+"<br>")
document.write(" 數組排序"+array.sort())
</script>
9.使用 image 對象
<img src=**.gif alt="圖片提示…." border=10>
<script>
document.write("圖片提示是:"+document.images[0].alt+"<br>")
document.write("圖片邊框大小是:"+document.images[0].broder)
</script>
10.預加載圖像
<script>
freddy=new Image()
freddy.src=freddy.gif
</script>
<body οnlοad=document.images[0].src=freddy.src>
,<img src="blank.gif">
</body>
11.改變圖像
<img src=freddy.gif><br>
<form name=form1>
<input type=button name=button1 value="改變圖像" onclickd=document.images[0].src=dudjp.gif>
</form>
12.使用link和anchor對象
<a name=anchor1>錨點1<br>
<a href=http://www.microsoft.com>Microsoft</a><br>
<a href=http://www.sohu.com>sohu</a><br>
<a href=http://www.sina.com.cn>sina</a><br>
<script>
document.write("本頁面共有"+document.links.length+"鏈接"+"<br>")
document.write("本頁面共有"+document.anchors.length+"錨點"+"<br>")
document.write("第一個鏈接協議是"+document.links[0].protocol+"<br>")
document.write("第一個鏈接路徑是"+document.links[0].pathnamel+"<br>")
document.write("第一個鏈接href是"+document.links[0].hrefl+"<br>")
</script>
13.改變鏈接
<a href =http://www.microsoft.com>link</a>
<form name=form1>
<input type=button name=button1 value="改變鏈接" οnclick=document.links[0].href='http://www.sohu.com'>
</form>
14.使用history對象
<form name=form1>
<input type=button name=button1 value="向後返回2頁" οnclick=window.history.go(-2)>
</form>
第八章 使用窗口
1.在瀏覽器的狀態欄上顯示文本
<body οnlοad=window.status="歡迎光臨我的站點">
<a href=http://www.sohu.com>sohu</a>
</body>
2.改變背景色
<script>
document.bgColor="orange"
</script>
3.列舉背景顏色
<body bgColor =green>
<script>
document.write("當前背景色是:"+document.bgColor)
</script>
</body>
4.改變文本和鏈接顏色
<script>
document.bgColor="orange"
document.fgColor="blue"
document.linkColor="red"
</script>
<h2>看看這段文本顏色</h2>
<a href=http://www.sohu.com>sohu</a>
</body>
5.改變文檔標題
<script>
name="Mouse"
document.title="welcome to "+name+"'s House"
document.write(document.title)
</script>
6.顯示修改日期
<script>
document.write("本頁面最後修改時間是"+document.lastModified)
</script>
7.查看當前文檔的URL
<script>
document.write("本頁面的http://skylaugh.cnblogs.com/skylaugh/admin/%22+document.URL)
</script>
8.查看引用頁
<script>
document.write("本頁面的引用頁是"+document.referrer)
</script>
9.打開新的瀏覽器窗口
<script>
window.open("*.htm","title","width=200,height=400,resizable=yes")
</script>
10.關閉遠程窗口
close.html:
<script>
document.write("正文")
</script>
<form name=form1>
<input type=button name=button1value="關閉" οnclick=window.close()>
</form>
open.html
<script>
window.open("close.html","romote","width=200,height=400,resizable=yes")
</script>
11.打印窗口
<script>
document.write("正文")
</script>
<form name=form1>
<input type=button value=打印 οnclick=window.print()>
</form>
12.移動窗口
<form name=form1>
水平方向<input type=text name=x value=20>
垂直方向<input type=text name=y value=50>
<input type=button value="移動窗口到…"οnclick=window.moveTo(document.form1.x.value,document.form1.y.value)>
</form>
<form name=form1>
水平方向<input type=text name=x value=20>
垂直方向<input type=text name=y value=50>
<input type=button value="移動窗口"οnclick=window.moveBy(document.form1.x.value,document.form1.y.value)>
</form>
13.改變窗口大小
<form name=form1>
水平方向<input type=text name=x value=200>
垂直方向<input type=text name=y value=500>
<input type=button value="改變窗口大小到….."οnclick=window.resizeTo(document.form1.x.value,document.form1.y.value)>
</form>
<form name=form1>
水平方向<input type=text name=x value=200>
垂直方向<input type=text name=y value=500>
<input type=button value="改變窗口大小"οnclick=window.resizeBy(document.form1.x.value,document.form1.y.value)>
</form>
14.用警告對話框通知用戶
<script>
window.alert("welcome")
</script>
15.用提示對話框接受輸入
<script>
name=window.prompt("輸入姓名","姓名")
document.write(" 歡迎您:"+name+"來到這裏")
</script>
16.用確認對話框使用戶做出決定
<script>
like=window.confirm("你覺得好嗎?")
if(like==true)
document.write("謝謝你的誇獎")
else
document.write("希望得到你的誇獎")
</script>
第九章 使用字符串
1.使用字符串對象
<script>
mystring="gdgdfgfddddaaaaaaaaaaaabbbbbbbbbbbbbbbbbvbhg.<br>"
document.write(mystring)
document.write(mystring.bold())
document.write(mystring.toUpperCase())
</script>
2.使用子字符串
<script>
str1="fdsf 1111 gfdgfd dfdsf cccc dddd.<br>"
document.write(str1)
document.write(str1.substring(0,13)+"<br>")
document.write(str1.substr (20,11)+"<br>")
</script>
3.連接字符串
<script>
str1="may you find"
str2="peace,happiness and prosperity.<br>"
document.write(str1+"<br>")
document.write(str2)
document.write(str1.concat(str2))
document.write(str1+=str2)
</script>
4.格式化字符串變量
<script>
str1="peace,happiness and prosperity.<br>"
document.write(str1)
document.write(str1.big())
document.write(str1.small())
document.write(str1.bold())
document.write(str1.italics())
document.write(str1.strike())
document.write(str1.fontsize(6))
document.write(str1.fontcolor(green))
</script>
5.創建錨和鏈接
<script>
str1="this is the bigginning of the page.<br>"
str2="….<br>"
str3="this is the end of the page .<br>"
str4="link to the start<br>"
str5="link to the end<br>"
document.write(str1.anchor("start"))
for(i=0;i<10;i++)
document.write(str2);
document.write(str3.anchor("end"))
document.write(str4.link("#start"))
document.write(str5.link("#end"))
</script>
6.確定字符串長度
<script>
str1="this is the bigginning of the page."
document.write(str1+"<br>")
document.write( "字符串的長度是:"+str1.length)
document.write("字符串全部大寫是;"+str1.toUpperCase())
document.write("字符串全部小寫是;"+str1.toLowerCase())
</script>
7.在字符串內搜索
<script>
str1="this is the end of the line.<br>"
document.write(str1)
document.write("字符end在字符串的位置是"+str1.search("end"))
document.write("字符dog在字符串的位置是"+str1.search("dog"))
</script>
8.定位字符串中的字符
<script>
str1="spring is a time for flowers and trees and baby bunnles<br>"
document.write(str1)
document.write("the index for the second word ‘and' is"+str1.indexOf("and",30))
documednt.write("the last index of the word ‘and' is "+str1.lastIndexOf("and"))
</script>
9.替換字符串中的文本
<script>
str1="spring is a time for flowers and trees and baby bunnles<br>"
document.write(str1)
document .write(str1.replace("and",","))
</script>
10.字符串分離
<script>
str1="spring is a time for flowers and trees and baby bunnles<br>"
document.write(str1)
str1array=str1.split(" ")
document.write(str1array[0]+"<br>")
document.write(str1array[1]+"<br>")
document.write(str1array[2]+"<br>")
document.write(str1array[3]+"<br>")
</script>
第十章 使用日期和時間
1.使用Date對象
<script>
cdate=new Date("august 2,1989 12:30:00")
document.write(cdate)
</script>
2.顯示當地時間和日期
<script>
cdate=new Date()
document.write("當前時間是:"+cdate.toGMTString()+"<br>")
document.write("日期和時間是:"+cdate.toLocaleString())
</script>
3.獲得時間和日期值
<script>
cdate=new Date()
document.write("顯示當前的星期"+cdate.getDay()+"<br>")
document.write("顯示當前的月份"+cdate.getMonth()+"<br>")
document.write("顯示當前的日期"+cdate.getDay()+"<br>")
document.write("顯示當前的年份"+cdate.getYear()+"<br>")
document.write("顯示當前的小時"+cdate.getHours()+"<br>")
document.write("顯示當前的分鐘"+cdate.getMinutes()+"<br>")
document.write("顯示當前的秒"+cdate.getSeconds()+"<br>")
</script>
4.設置時間和日期值
<script language=javascript>
cdate=new Date("December 25,1984")
document.write("顯示日期"+cdate+"<br>")
document.write("設置月份"+cdate.setMonth(10)+"<br>")
document.write("設置日期"+cdate.setDate(23)+"<br>")
document.write("設置年份"+cdate.setYear(2000)+"<br>")
document.write("設置小時"+cdate.setHours(13)+"<br>");
document.write("設置分鐘"+cdate.setMinutes(47)+"<br>");
document.write("設置秒"+cdate.setSeconds(23)+"<br>");
document.write("顯示設置後的日期和時間"+cdate);
</script>
第十一章 使用Math對象
1. 使用Math對象
<script language=javascript>
</script>
<form name=form1>
圓的半徑:<input type=text name=rad><br>
圓的面積:<input type=text name=area><br>
<input type=button name=button1 value=計算圓的面積 οnclick=document.form1.area.value=document.form1.rad.value*document.
form1.rad.value*Math.PI>
</form>
2.生成隨機數
<script>
array1=new Array(
"這是第1句",
"這是第2句",
"這是第3句",
"這是第4句",
"這是第5句",
"這是第6句")
RandomNo=Math.floor(array1.length*Math.random())
document.write("隨機輸出某一句"+"<br>"+array1[RandomNo])
</script>
3.使用平方根
<form name=form1>
value:<input type=text name=va1><br>
平方根<input type=text name=sqrt><br>
<input type=button name=button1 value=計算平方根
οnclick="document.form1.sqrt.value=Math.sqrt(document.form1.va1.value)">
</form>
4.數字的舍入
<form name=form1>
輸入<input type=text name=val><br>
舍入的結果<input type=text name=round><br>
<input type=button name=button1 value=計算結果 οnclick=document.form1.round.value=Math.round(document.form1.val.value)>
</form>
5.乘方運算
<form name=form1>
底數<input type=text name=val><br>
指數<input type=text name=power><br>
冪<input type=text name=result><br>
<input type=button name=button1 value=計算結果 οnclick="document.form1.result.value=Math.pow (document.form1.val.value,document.form1.power.value)">
</form>
6.發現最小值和最大值
<form name=form1>
數字1<input type=text name=val1><br>
數字2<input type=text name=val2><br>
最小值<input type=text name=min><br>
最大值<input type=text name=max><br>
數字1<input type=button value=計算 οnclick="document.form1.min.value=Math.min (document.form1.val1.value,document.form1.val2.value);document.form1.
max.value= Math.max(document.form1.val1.value,document.form1.val2.value)">
</form>
第十二章 使用表單
1.使用文本框
<form name=form1>
<input type=text value="information ,please"name=text1>
</form>
<script>
document.write("表單text1類型是: "+document.form1.text1.type+"<br>")
document.write("表單text1名稱是: "+document.form1.text1.name+"<br>")
document.write("表單text1值是: "+document.form1.text1.value+"<br>")
document.write("表單text1大小是: "+document.form1.text1.size+"<br>")
</script>
<form name=form1>
<input type=text name=text1 value=click here
οnfοcus=document.form1.text1.select()>
</form>
2.使用密碼框
<form name=form1>
<input type=password name=pw1 value=daylight>
</form>
<script>
document.write("表單pw1的類型:"+document.form1.pw1.type+"<br>")
document.write("表單pw1的名稱:"+document.form1.pw1.name+"<br>")
document.write("表單pw1的值:"+document.form1.pw1.value+"<br>")
document.write("表單pw1的大小:"+document.form1.pw1.size+"<br>")
</script>
3.使用隱藏字段
<form name=form1>
<input type=hidden name=hid1 value=piece of eight>
</form>
<script>
document.write("表單hid1的類型:"+document.form1.hid1.type+"<br>")
document.write("表單hid1的名稱:"+document.form1.hid1.name+"<br>")
document.write("表單hid1的值:"+document.form1.hid1.value+"<br>")
</script>
4.使用文本區域框
<form name=form1>
<textarea name=ta1>how many grains of sand are there in the sahara desert?</textarea>
</form>
<script>
document.write("表單ta1的類型:"+document.form1.ta1.type+"<br>")
document.write("表單ta1的名稱:"+document.form1.ta1.name+"<br>")
document.write("表單ta1的值:"+document.form1.ta1.value+"<br>")
document.write("表單ta1的橫向寬度:"+document.form1.ta1.cols+"<br>")
document.write("表單ta1的縱向寬度:"+document.form1.rows.value+"<br>")
</script>
6.使用重置按鈕
<form name=form1>
<input type=reset name=reset1 value="rest form">
</form>
<script>
document.write("表單reset1的類型:"+document.form1.reset1.type+"<br>")
document.write("表單reset1的名稱:"+document.form1.reset1.name+"<br>")
document.write("表單reset1的值:"+document.form1.reset1.value+"<br>")
</script>
7.使用提交按鈕
<form name=form1>
<input type=submit name=submit1 value="submit form">
</form>
<script>
document.write("表單submit1的類型:"+document.form1.submit1.type+"<br>")
document.write("表單submit1的名稱:"+document.form1.submit1.name+"<br>")
document.write("表單submit1的值:"+document.form1.submit1.value+"<br>")
</script>
8.使用複選按鈕
<form name=form1>
<input type=checkbox name=cb1 >computer savvy?
</form>
<script>
document.write("表單cb1的類型:"+document.form1.cb1.type+"<br>")
document.write("表單cb1是否被選擇?:"+document.form1.cb1.checked+"<br>")
document.write("表單cb1的名稱:"+document.form1.cb1.name+"<br>")
</script>
9.使用單選按鈕
<form name=form1>
<input type=radio name=radio1>male
<input type=radio name=radio1>female
</form>
<script>
document.write("第一個按鈕被選擇"+document.form1.radio1[0].checked+"<br>")
document.write("第二個按鈕被選擇"+document.form1.radio1[1].checked+"<br>")
document.write("按鈕的名稱"+ document.form1.radio1[0].name+"<br>")
document.write("按鈕的個數"+document.form1.radio1.length)
</script>
10.使用選擇列表
<form name=form1>
<select name=select1 size=4>
<option name=option1 value=lon>london,England</option>
<option name=option2 value=dub>Dublin,Ireland</option>
</select>
</form>
<script>
document.write("這個選擇列表的名稱"+document.form1.select1.name+"<br>")
document.write("這個選擇列表的長度"+document.form1.select1.length+"<br>")
document.write("這個選擇列表當前被選擇的索引號"+document.form1.select1.selectedIndex+"<br>")
document.write("這個選擇列表的尺寸"+document.form1.select1.size+"<br>")
</script>
11.驗證表單的有效性
<script>
function validate(){
if(document.form1.text1.value!='1'||'2'||'3'||'4'){
alert("請輸入1~4的整數")
}
}
</script>
<form name=form1>
請輸入1~4的整數:
<input type=text name=text1 size=4 οnchange=validate()>
</form>
12.控制表單焦點
<form name=form1>
<input type=text name=text1 value=where is you focus?><br>
<input type=text name=text2 value=is there?><br>
<input type=text name=text3 value=or maybe here?><br>
<input type=button name=button1 value="text box #1" οnclick=document.form1.text1.focus()><br>
<input type=button name=button2 value="text box #2" οnclick=document.form1.text2.focus()><br>
<input type=button name=button3 value="text box #3" οnclick=document.form1.text3.focus()><br>
</form>
第十三章 使用分欄
第十四章 使用navigator
1.使用navigator對象
<script>
document.write("navigator對象的屬性"+"<br>")
document.write("appcodename:"+navigator.appCodeName+"<br>")
document.write("appname::"+navigator.appName+"<br>")
document.write("appversion:"+navigator.appVersion+"<br>")
document.write("platform:"+navigator.platform+"<br>")
document.write("userAgent:"+navigator.userAgent+"<br>")
</script>
<script>
document.write("navigator對象的方法"+"<br>")
document.write("javaEnabled():"+navigator.javaEnabled())
</script>
2.檢查用戶的瀏覽器
<script>
if(navigator.appName.indexOf("Microsoft")!=-1){
document.write("用戶瀏覽器是微軟的IE瀏覽器"+"<br>")}
else if(navigator.appName.indexOf("Netscape")!=-1){
document.write("用戶瀏覽器是netscape的netscape瀏覽器"+"<br>")}
if(navigator.appVersion.indexOf("4.0")!=-1){
document.write("you are using a version 4.0compatible browser")
}
else{
document.write("this browser is not 4.0 compliant")}
</script>
3.檢測用戶的操作系統
<script>
if (navigator.platform.indexOf("win32")!=-1){
document.write("you are using a computer running windows 95 or highter")}
else{
document.write("this computer is not running windows 95 or higher")}
</script>
4.使用location對象
<script>
document.write("location對象的屬性"+"<br>")
document.write("hash"+location.hash+"<br>")
document.write("hostname"+location.hostname+"<br>")
document.write("host"+location.host+"<br>")
document.write("href"+location.href+"<br>")
document.write("port"+location.port+"<br>")
document.write("search"+location.search+"<br>")
</script>
重新加載網頁
<form name=form1>
<input type=button name=button1 value=重新加載本頁 οnclick=location.reload>
</form>
5.使用cookie
<script>
finction makecookie(){
if(!document.cookie){
name=prompt("請輸入你的姓名");
document.cookie="name="+name+";";}
}
</script>
<body οnlοad=makecookie()>
<script>
function makecookie(){
if(!document.cookie){
name=prompt("請輸入你的姓名")
document.cookie="name="+name+";";
namestart=document.cookie.indexOf("=");
nameend=document.cookieindexOf(";");
document.writeln("your name is:"+document.cookie.substring(namestart+1,nameend)+",br>")
}
}
</script>
A1. 向表中追回行
如有一空表:
<table id="myTable">
<tbody id="myTableBody"></tbody>
</table>
向表中添加行
var cell = document.createElement("td".appendChild(Document.createTextNode("foo");
var row = documetn.createElement("tr".appendChild(cell);
Document.getElementById("myTableBody".appendChild(row);
A2. 通過JavaScript設置元素的樣式
var spanElement = documetn.getElementById("myspan";
spanElement.setAttribute("style","font-weight:bold;color:red";//適用非IE
spanElement.style.cssText = "font-weight:bold;color:red";//適用IE及大部分瀏覽器,不適用Opera
A3. 設置元素的class屬性
var element = document.getElementById("myElement";
element.setAttribute("calss", "styleClass";//適用非IE
element.setAttritute("className", "styleClass";//適用IE及大部分瀏覽器
A4. 創建輸入元素
輸入元素:如單行文本框,多行文本區,選擇框,按鈕,複選,單選
var button = document.createElement("input";
button.setAttribute("type","button";
document.getElementById("formElement".appendChild(button);
A5. 向輸入元素增加事件處理程序
標準做法是使用元素的setAttribute方法,以事件名作爲屬性名,並把函數處理程序作爲屬性值
var formElement = document.getElementbyId("formElement";
formElement.setAttribute("onclick","gofoo();"; //適用非IE
IE:
var formElement = document.getElementbyId("formElement";
formElement.onclick = function(){ dofoo() ; };
A6. 創建單選鈕
非IE
var radioButton = document.createElement("input";
radioButton.setattribute("type","radio";
radioButton.setAttribute("name", "radioButton";
radioButton.setAttribute("value", "checked";
IE:
var radioButton = document.createElement("<input type='radio' name='radioButton' value='checked'>";
兼容做法:
if(document.uniqueID)//IE
{
var radioButton = document.createElement("<input type='radio'
name='radioButton' value='checked'>";
}else//非IE
{
var radioButton = document.createElement("input";
radioButton.setattribute("type","radio";
radioButton.setAttribute("name", "radioButton";
radioButton.setAttribute("value", "checked";
}
document對象屬性"uniqueID"只有IE才能識別,所以可作爲IE瀏覽器與其他瀏覽器的區別
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1442117
- 事件源對象
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.οnmοusedοwn=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:[email protected]?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="javascript:function()">word</a> - 上一網頁源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer - 釋放內存
CollectGarbage(); - 禁止右鍵
document.oncontextmenu = function() { return false;} - 禁止保存
<noscript><iframe src="*.htm"></iframe></noscript> - 禁止選取<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false"οnmοuseup="document.selection.empty()>
- 禁止粘貼
<input type=text οnpaste="return false"> - 地址欄圖標
<link rel="Shortcut Icon" href="favicon.ico">
favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下 - 收藏欄圖標
<link rel="Bookmark" href="favicon.ico"> - 查看源碼
<input type=button value=查看網頁源代碼 οnclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> - 關閉輸入法
<input style="ime-mode:disabled"> - 自動全選
<input type=text name=text1 value="123" οnfοcus="this.select()"> - ENTER鍵可以讓光標移到下一個輸入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> - 文本框的默認值
<input type=text value="123" οnfοcus="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 οnlοad="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 οnmοuseοver="this.bgColor='#f0f0f0'" οnmοuseοut="this.bgColor='#ffffff'">
//各種尺寸s += "/r/n網頁可見區域寬："+ document.body.clientWidth;
s += "/r/n網頁可見區域高："+ document.body.clientHeight;
s += "/r/n網頁可見區域高："+ document.body.offsetWeight +" (包括邊線的寬)";
s += "/r/n網頁可見區域高："+ document.body.offsetHeight +" (包括邊線的寬)";
s += "/r/n網頁正文全文寬："+ document.body.scrollWidth;
s += "/r/n網頁正文全文高："+ document.body.scrollHeight;
s += "/r/n網頁被捲去的高："+ document.body.scrollTop;
s += "/r/n網頁被捲去的左："+ document.body.scrollLeft;
s += "/r/n網頁正文部分上："+ window.screenTop;
s += "/r/n網頁正文部分左："+ window.screenLeft;
s += "/r/n屏幕分辨率的高："+ window.screen.height;
s += "/r/n屏幕分辨率的寬："+ window.screen.width;
s += "/r/n屏幕可用工作區高度："+ window.screen.availHeight;
s += "/r/n屏幕可用工作區寬度："+ window.screen.availWidth;
//過濾數字
//特殊用途
//不緩存
//正則匹配
匹配雙字節字符(包括漢字在內)：[^/x00-/xff]
匹配空行的正則表達式：/n[/s| ]*/r
匹配HTML標記的正則表達式：/<(.*)>.*<///1>|<(.*) //>/
匹配首尾空格的正則表達式：(^/s*)|(/s*$)（像vbscript那樣的trim函數）
匹配Email地址的正則表達式：/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*
匹配網址URL的正則表達式：http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?
以下是例子：
利用正則表達式限制網頁表單裏的文本框輸入內容：
用正則表達式限制只能輸入中文：οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"
1.用正則表達式限制只能輸入全角字符： οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"
2.用正則表達式限制只能輸入數字：οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
3.用正則表達式限制只能輸入數字和英文：οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
//消除圖像工具欄
or
<head>
<meta http-equiv="imagetoolbar" content="no">
</head>
//無提示關閉
{
var ua=navigator.userAgent
var ie=navigator.appName=="Microsoft 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 = '<object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'
str += '<param name="Command" value="Close"></object>';
document.body.insertAdjacentHTML("beforeEnd", str);
document.all.noTipClose.Click();
}
else
{
window.opener =null;
window.close();
}
}
else
{
window.close()
}
}
//取得控件得絕對位置(1)
function getoffset(e)
{
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
var rec = new Array(1);
rec[0] = t;
rec[1] = l;
return rec
}
</script>
//獲得控件的絕對位置(2)
oRect.left
oRect.
//最小化,最大化,關閉
//光標停在文字最後
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" οnfοcus="cc()">
//頁面進入和退出的特效
推出頁面<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
//網頁是否被檢索
//打印分頁
//設置打印
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></object>
<input type=button value=頁面設置 οnclick="factory.printing.PageSetup()">
<input type=button value=打印預覽 οnclick="factory.printing.Preview()">
<script language=javascript>
function window.onload()
{
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = "A4"
factory.printing.paperSource = "Manual feed"
// -- basic features
factory.printing.header = "居左顯示&b居中顯示&b居右顯示頁碼，第&p頁/共&P頁"
factory.printing.footer = "（自定義頁腳）"
factory.printing.portrait = false
factory.printing.leftMargin = 0.75
factory.printing.topMargin = 1.5
factory.printing.rightMargin = 0.75
factory.printing.bottomMargin = 1.5
}
function Print(frame) {
factory.printing.Print(true, frame) // print with prompt
}
</script>
<input type=button value="打印本頁" οnclick="factory.printing.Print(false)">
<input type=button value="頁面設置" οnclick="factory.printing.PageSetup()">
<input type=button value="打印預覽" οnclick="factory.printing.Preview()"><br>
<a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具體使用手冊，更多信息，點這裏</a>
//自帶的打印預覽
Web.ExecWB(2,1) 關閉現在所有的IE窗口，並打開一個新窗口
Web.ExecWB(4,1) 保存網頁
Web.ExecWB(6,1) 打印
Web.ExecWB(7,1) 打印預覽
Web.ExecWB(8,1) 打印頁面設置
Web.ExecWB(10,1) 查看頁面屬性
Web.ExecWB(15,1) 好像是撤銷，有待確認
Web.ExecWB(17,1) 全選
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 關閉窗體無提示
<style media=print>
.Noprint{display:none;}<!--用本樣式在打印時隱藏非打印項目-->
.PageNext{page-break-after: always;}<!--控制分頁-->
</style>
<object id="WebBrowser" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
<center class="Noprint" >
<input type=button value=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=頁面設置 οnclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=打印預覽 οnclick=document.all.WebBrowser.ExecWB(7,1)>
</center>
//去掉打印時的頁眉頁腳
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="//Software//Microsoft//Internet Explorer//PageSetup//";
//設置網頁打印的頁眉頁腳爲空
function PageSetup_Null()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
}
catch(e){}
}
//設置網頁打印的頁眉頁腳爲默認值
function PageSetup_Default()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b頁碼,&p/&P");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
}
catch(e){}
}
</script>
<input type="button" value="清空頁碼" οnclick=PageSetup_Null()>
<input type="button" value="恢復頁碼" οnclick=PageSetup_Default()>
//瀏覽器驗證
{
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.mac=(this.ver.indexOf('Mac') > -1) ?1:0;
this.ope=(navigator.userAgent.indexOf('Opera')>-1);
this.ie=(this.ie6 || this.ie5 || this.ie4)
this.ns=(this.ns4 || this.ns5)
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns5 || this.ns4 || this.mac || this.ope)
this.nbw=(!this.bw)
return this;
}
//計算內容寬和高
function test(obj)
{
var range = obj.createTextRange();
alert("內容區寬度: " + range.boundingWidth
+ "px/r/n內容區高度: " + range.boundingHeight + "px");
}
</SCRIPT>
<BODY>
<Textarea id="txt" height="150">sdf</textarea><INPUT type="button" value="計算內容寬度" onClick="test(txt)">
</BODY>
//無模式的提示框
{
window.showModelessDialog("javascript:alert(/""+escape(Msg)+"/");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;");
}
//屏蔽按鍵
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>
<title>屏蔽鼠標右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵</title>
</head>
<body>
<script language="Javascript"><!--
//屏蔽鼠標右鍵、Ctrl+N、Shift+F10、F11、F5刷新、退格鍵
//Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠標右鍵
function window.onhelp(){return false} //屏蔽F1幫助
function document.onkeydown()
{
if ((window.event.altKey)&&
((window.event.keyCode==37)|| //屏蔽 Alt+ 方向鍵 ←
(window.event.keyCode==39))) //屏蔽 Alt+ 方向鍵 →
{
alert("不准你使用ALT+方向鍵前進或後退網頁！");
event.returnValue=false;
}
/* 注：這還不是真正地屏蔽 Alt+ 方向鍵，
因爲 Alt+ 方向鍵彈出警告框時，按住 Alt 鍵不放，
用鼠標點掉警告框，這種屏蔽方法就失效了。以後若
有哪位高手有真正屏蔽 Alt 鍵的方法，請告知。*/
if ((event.keyCode==8) || //屏蔽退格刪除鍵
(event.keyCode==116)|| //屏蔽 F5 刷新鍵
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R
event.keyCode=0;
event.returnValue=false;
}
if (event.keyCode==122){event.keyCode=0;event.returnValue=false;} //屏蔽F11
if (event.ctrlKey && event.keyCode==78) event.returnValue=false; //屏蔽 Ctrl+n
if (event.shiftKey && event.keyCode==121)event.returnValue=false; //屏蔽 shift+F10
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false; //屏蔽 shift 加鼠標左鍵新開一網頁
if ((window.event.altKey)&&(window.event.keyCode==115)) //屏蔽Alt+F4
{
window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");
return false;
}
}
</script>
屏蔽鼠標右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格鍵
</body>
</html>
//屏蔽打印
<style>
@media print{
* {display:none}
}
</style>
//移動的圖層，拖動
<script language=javascript>
var Obj;
function MouseDown(obj)
{
Obj=obj;
Obj.setCapture();
Obj.l=event.x-Obj.style.pixelLeft;
Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
if(Obj!=null)
{
Obj.style.left = event.x-Obj.l;
Obj.style.top = event.y-Obj.t;
}
}
function MouseUp()
{
if(Obj!=null)
{
Obj.releaseCapture();
Obj=null;
}
}
</script>
2.
<div id="myDiv" src="logo.gif" οndrag="doDrag();" οnmοuseοver="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" οnmοusedοwn="doMouseDown();">
<a href="#" οnclick="return false"><h1>wlecome</h1></a>
</div>
<script language="JavaScript" type="text/javascript">
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;
var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);
}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}
</script>
//文檔狀態改變
<script>
var doc=window.frames["f"].document;
function s(){
if (doc.readyState=="complete"){
document.all.f.style.height=doc.body.scrollHeight
document.all.f.style.width=doc.body.scrollWidth
}
}
doc.onreadystatechange=s
</script>
//刷新後不變的文本框
//訪問剪貼板
//操作COOKIE
{
document.cookie = sName + "=" + escape(sValue) + "; ";
}
function GetCookie(sName)
{
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
{
var aCrumb = aCookie[i].split("=");
if (sName == aCrumb[0])
return unescape(aCrumb[1]);
}
}
function DelCookie(sName)
{
document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 1999 23:59:59 GMT;";
}
//setTimeout增加參數
var _st = window.setTimeout;
window.setTimeout = function(fRef, mDelay) {
if(typeof fRef == 'function'){
var argu = Array.prototype.slice.call(arguments,2);
var f = (function(){ fRef.apply(null, argu); });
return _st(f, mDelay);
}
return _st(fRef,mDelay);
}
function test(x){
alert(x);
}
window.setTimeout(test,1000,'fason');
</script>
//自定義的apply,call
if (obj) obj.constructor.prototype._caller = this;
var argus = new Array();
for (var i=0;i<argu.length;i++)
argus[i] = "argu[" + i + "]";
var r;
eval("r = " + (obj ? ("obj._caller(" + argus.join(",") + ");") : ("this(" + argus.join(",") + ");")));
return r;
};
Function.prototype.call = function (obj) {
var argu = new Array();
for (var i=1;i<arguments.length;i++)
argu[i-1] = arguments[i];
return this.apply(obj, argu);
};
//下載文件
{
try
{
var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP");
xmlHTTP.open("Get",strRemoteURL,false);
xmlHTTP.send();
var adodbStream=new ActiveXObject("ADODB.Stream");
adodbStream.Type=1;//1=adTypeBinary
adodbStream.Open();
adodbStream.write(xmlHTTP.responseBody);
adodbStream.SaveToFile(strLocalURL,2);
adodbStream.Close();
adodbStream=null;
xmlHTTP=null;
}
catch(e)
{
window.confirm("下載URL出錯!");
}
//window.confirm("下載完成.");
}
//檢驗連接是否有效
//組件是否安裝
isComponentInstalled("{6B053A4B-A7EC-4D3D-4567-B8FF8A1A5739}", "componentID"))
//檢查網頁是否存在
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.Open("GET",URL, false);
try
{
xmlhttp.Send();
var result = xmlhttp.status;
}
catch(e) {return(false); }
if(result==200)
{
return true;
}
xmlhttp = null;
return false;
}
//連接數據庫
//用 JavaScript 寫服務器端連接數據庫的代碼示例
var conn = new ActiveXObject("ADODB.Connection");
conn.Open("Provider=SQLOLEDB.1; Data Source=localhost; User ID=sa; "
+"Password=; Initial Catalog=pubs");
var rs = new ActiveXObject("ADODB.Recordset");
var sql="select * from authors";
rs.open(sql, conn);
shtml = "<table width='100%' border=1>";
shtml +="<tr bgcolor='#f4f4f4'><td>au_id</td><td>au_lname</td><td>au_fname</td>
<td>phone</td><td>address</td><td> city</td><td>state</td><td>zip</td></tr>";
while(!rs.EOF)
{
shtml += "<tr><td>" + rs("au_id") + "</td><td>" + rs("au_lname") + "</td><td>" + rs("au_fname") + "</td><td>" + rs("phone") + "</td><td>" + rs("address") + "</td><td>" + rs("city") + "</td><td>" + rs("state") + "</td><td>" + rs("zip") + "</td></tr>";
rs.moveNext;
}
shtml += "</table>";
document.write(shtml);
rs.close();
rs = null;
conn.close();
conn = null;
</script>
//使用數據庫
<body>
srno：<input type=text datasrc=#xmldate DataFLD=srno size="76"><BR>
times：<input type=text datasrc=#xmldate DataFLD=times size="76"><BR>
<input id="first" TYPE=button value="<< 第一條記錄" οnclick="xmldate.recordset.moveFirst()">
<input id="prev" TYPE=button value="<上一條記錄" οnclick="xmldate.recordset.movePrevious()">
<input id="next" TYPE=button value="下一條記錄>" οnclick="xmldate.recordset.moveNext()">
<input id="last" TYPE=button value="最後一條記錄>>" οnclick="xmldate.recordset.moveLast()">
<input id="Add" TYPE=button value="添加新記錄" οnclick="xmldate.recordset.addNew()">
<XML ID="xmldate">
<infolist>
<info ><srno>20041025-01</srno><times>null</times></info>
<info ><srno>20041101-09</srno><times>2004年10月1日2點22分0秒</times></info>
</infolist>
</XML>
</body>
</html>
//獲得參數
<a href="javascript:location.href=location.href + '?a=1&b=2'">search</a>
<script language="JavaScript">
<!--
var a = location.search.substr(1);
if(a.length>0)
{
var re = /([^&]*?)/=([^&]*)/g
var s = a.match(re);
for(var i= 0;i<s.length;i++)
{
alert(s[i]);
alert(s[i].split("=")[1]);
}
}
//-->
</script>
</body>
//可編輯SELECT
<option value="1">11111111<option>
<option value="2">222222</option>
<option value="3">333333</option>
</select>
</span>
//設置光標位置
{
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
return rang.text.length;
}
function setCaret(textbox,pos)
{
try
{
var r =textbox.createTextRange();
r.moveStart('character',pos);
r.collapse(true);
r.select();
}
catch(e)
{}
}
function selectLength(textbox,start,len)
{
try
{
var r =textbox.createTextRange();
r.moveEnd('character',len-(textbox.value.length-start));
r.moveStart('character',start);
r.select();
}
catch(e)
{//alert(e.description)}
}
function insertAtCaret(textbox,text)
{
textbox.focus();
document.selection.createRange().text = text;
}
//頁內查找
{
var txt, i, found,n = 0;
if (str == "")
{
return false;
}
txt = document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
{
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else
{
if (n > 0)
{
n = 0;
findInPage(str);
}
else
{
alert(str + "... 您要找的文字不存在。/n /n請試着輸入頁面中的關鍵字再次查找！");
}
}
return false;
}
//書
http://www.wrclub.net/down/listdown.aspx?id=1341
//操作EXECL
function jStartExcel() {
var xls = new ActiveXObject ( "Excel.Application" );
xls.visible = true;
var newBook = xls.Workbooks.Add;
newBook.Worksheets.Add;
newBook.Worksheets(1).Activate;
xls.ActiveWorkBook.ActiveSheet.PageSetup.Orientation = 2;
xls.ActiveWorkBook.ActiveSheet.PageSetup.PaperSize = 5;
newBook.Worksheets(1).Columns("A").columnwidth=50;
newBook.Worksheets(1).Columns("A").WrapText = true;
newBook.Worksheets(1).Columns("B").columnwidth=50;
newBook.Worksheets(1).Columns("B").WrapText = true;
newBook.Worksheets(1).Range("A1:B1000").NumberFormat = "0";
newBook.Worksheets(1).Range("A1:B1000").HorizontalAlignment = -4131;
newBook.Worksheets(1).Cells(1,1).Interior.ColorIndex="15";
newBook.Worksheets(1).Cells(1,1).value="First Column, First Cell";
newBook.Worksheets(1).Cells(2,1).value="First Column, Second Cell";
newBook.Worksheets(1).Cells(1,2).value="Second Column, First Cell";
newBook.Worksheets(1).Cells(2,2).value="Second Column, Second Cell";
newBook.Worksheets(1).Name="My First WorkSheet";
}
</script>
//自定義提示條
<script Language="JavaScript">
//***********默認設置定義.*********************
tPopWait=50;//停留tWait豪秒後顯示提示。
tPopShow=5000;//顯示tShow豪秒後關閉提示
showPopStep=20;
popOpacity=99;
//***************內部變量定義*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.οnmοuseοver=showPopupText;
</script>
//插入文字
var oSource = window.event.srcElement;
if(oSource.tagName!="DIV")
return false;
var sel = document.selection;
if (sel!=null) {
var rng = sel.createRange();
if (rng!=null)
rng.pasteHTML("<font color=red>插入文字</font>");
}
}
//netscapte下操作xml
//判斷鍵值
//禁止FSO
regsvr32 /u scrrun.dll
2.修改PROGID
HKEY_CLASSES_ROOT/Scripting.FileSystemObject
Scripting.FileSystemObject
3.對於使用object的用戶，修改HKEY_CLASSES_ROOT/Scripting.
//省略號
//檢測media play版本
//圖象按比例
//細線SELECT
{
var objWMIService = GetObject("Winmgmts:root/cimv2");
for(e = new Enumerator(objWMIService) ; !e.atEnd() ; e.moveNext())
{
var getComputer = e.item();
return getComputer.Name;
}
}
//條件編譯
/*@cc_on @*/
/*@if (@_win32 && @_jscript_version>5)
function window.confirm(str)
{
execScript("n = msgbox('"+ str +"', 257)", "vbscript");
return(n == 1);
}
@end @*/
</script>
//取得innerText
<!--
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument.4.0");
var currNode;
xmlDoc.async = false;
xmlDoc.async = false;
xmlDoc.loadXML("<TABLENAME> 你好你阿三 大法 司法等四 </TABLENAME>");
currNode = xmlDoc.documentElement;
var s = currNode.xml;
var r = //<([^/>/s]*?)[^/>]*?/>([^/<]*?)/<///1/>/
var b = s.replace(r,"$2");
alert(b);
//-->
</SCRIPT>
//mergeAttributes 複製所有讀/寫標籤屬性到指定元素。
function fnMerge(){
oSource.children[1].mergeAttributes(oSource.children[0]);
}
</SCRIPT>
<SPAN ID=oSource>
<DIV
ID="oDiv"
ATTRIBUTE1="true"
ATTRIBUTE2="true"
οnclick="alert('click');"
οnmοuseοver="this.style.color='#0000FF';"
οnmοuseοut="this.style.color='#000000';"
>
This is a sample <B>DIV</B> element.
</DIV>
<DIV ID="oDiv2">
This is another sample <B>DIV</B> element.
</DIV>
</SPAN>
<INPUT
TYPE="button"
VALUE="Merge Attributes"
οnclick="fnMerge()"
>
<select style="margin:-2px;">
<option>1111</option>
<option>11111111111111</option>
<option>111111111</option>
</select></span>
//Import
for( var i=0; i<arguments.length; i++ ) {
var file = arguments[i];
if ( file.match(//.js$/i))
document.write('<script type=/"text/javascript/" src=/"' + file + '/"></sc' + 'ript>');
else
document.write('<style type=/"text/css/">@import /"' + file + '/" ;</style>');
}
};
//js枚舉
<!--
//圖片按比例縮放
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth = 80; //定義允許圖片寬度
var iheight = 80; //定義允許圖片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>
<img src=".." onload = "DrawImage(this)">
<SCRIPT>
var flash="";
WMPVersion= oClientCaps.getComponentVersion("{22D6F312-B0F6-11D0-94AB-0080C74C7E95}","ComponentID");
if (WMPVersion != "") {
flash = "";
var version = WMPVersion.split(",");
var i;
for (i = 0; i < version.length; i++) {
if (i != 0)
flash += ".";
flash += version[i];
}
document.write("您的Windows Media Player 版本是:"+flash+"<p>");
}
</SCRIPT>
overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很長，表格內一行顯示不下.</NOBR>
</DIV>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<head>
<script language="javascript">
var ie =navigator.appName=="Microsoft Internet Explorer"?true:false;
function keyDown(e)
{
if(!ie)
{
var nkey=e.which;
var iekey='現在是ns瀏覽器';
var realkey=String.fromCharCode(e.which);
}
if(ie)
{
var iekey=event.keyCode;
var nkey='現在是ie瀏覽器';
var realkey=String.fromCharCode(event.keyCode);
if(event.keyCode==32){realkey='/' 空格/''}
if(event.keyCode==13){realkey='/' 回車/''}
if(event.keyCode==27){realkey='/' Esc/''}
if(event.keyCode==16){realkey='/' Shift/''}
if(event.keyCode==17){realkey='/' Ctrl/''}
if(event.keyCode==18){realkey='/' Alt/''}
}
alert('ns瀏覽器中鍵值:'+nkey+'/n'+'ie瀏覽器中鍵值:'+iekey+'/n'+'實際鍵爲'+realkey);
}
document.onkeydown = keyDown;
</script>
</head>
<body>
//Javascript Document.
<hr>
<center>
<h3>請按任意一個鍵。。。。</h3>
</center>
</body>
</html>
doc = new ActiveXObject("Microsoft.XMLDOM")
->>
doc = (new DOMParser()).parseFromString(sXML,'text/xml')
{
var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
xmlhttp.Open("GET",URL, false);
try
{
xmlhttp.Send();
}
catch(e){}
finally
{
var result = xmlhttp.responseText;
if(result)
{
if(xmlhttp.Status==200)
{
return(true);
}
else
{
return(false);
}
}
else
{
return(false);
}
}
}
//POST代替FORM
Function URLEncoding(vstrIn)
strReturn = ""
For i = 1 To Len(vstrIn)
ThisChr = Mid(vStrIn,i,1)
If Abs(Asc(ThisChr)) < &HFF Then
strReturn = strReturn & ThisChr
Else
innerCode = Asc(ThisChr)
If innerCode < 0 Then
innerCode = innerCode + &H10000
End If
Hight8 = (innerCode And &HFF00)/ &HFF
Low8 = innerCode And &HFF
strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8)
End If
Next
URLEncoding = strReturn
End Function
Function bytes2BSTR(vIn)
strReturn = ""
For i = 1 To LenB(vIn)
ThisCharCode = AscB(MidB(vIn,i,1))
If ThisCharCode < &H80 Then
strReturn = strReturn & Chr(ThisCharCode)
Else
NextCharCode = AscB(MidB(vIn,i+1,1))
strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))
i = i + 1
End If
Next
bytes2BSTR = strReturn
End Function
dim strA,oReq
strA = URLEncoding("submit1=Submit&text1=中文")
set oReq = CreateObject("MSXML2.XMLHTTP")
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false
oReq.setRequestHeader "Content-Length",Len(strA)
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded"
oReq.send strA
msgbox bytes2BSTR(oReq.responseBody)
</SCRIPT>
//readyState是xmlhttp返回數據的進度，0=載入中,1=未初始化,2=已載入,3=運行中,4=完成
event.dataTransfer.setData("URL", oImage.src);
sImageURL = event.dataTransfer.getData("URL")
(2)普通訪問
window.clipboardData.setData("Text",oSource.innerText);
window.clipboardData.getData("Text");
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.sHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=sHistory type=text id=oPersistInput>
</BODY>
</HTML>
<p style="page-break-after:always">page2</p>
其中屬性值有以下一些:
屬性值爲"all": 文件將被檢索，且頁上鍊接可被查詢；
屬性值爲"none": 文件不被檢索，而且不查詢頁上的鏈接；
屬性值爲"index": 文件將被檢索；
屬性值爲"follow": 查詢頁上的鏈接；
屬性值爲"noindex": 文件不檢索，但可被查詢鏈接；
屬性值爲"nofollow":
<param name="Command" value="Minimize"></object>
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 οnclick=min.Click()>
<input type=button value=最大化 οnclick=max.Click()>
<input type=button value=關閉 οnclick=close.Click()>
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
<input type=button value=導出收藏夾 οnclick="window.external.ImportExportFavorites(false,'http://localhost');">
<input type=button value=整理收藏夾 οnclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">
<input type=button value=語言設置 οnclick="window.external.ShowBrowserUI('LanguageDialog', null)">
<input type=button value=加入收藏夾 οnclick="window.external.AddFavorite('http://www.google.com/', 'google')">
<input type=button value=加入到頻道 οnclick="window.external.addChannel('http://www.google.com/')">
<input type=button value=加入到頻道 οnclick="window.external.showBrowserUI('PrivacySettings',null)">