一，js語法
（1）定義變量
var定義所有的變量
document.write()表示向文檔中輸出
var greeting="hello";
document.write(greeting);
（2）運算符和c#相同
var result;
result=2+3;
（3）邏輯控制語句和c#相同
result1 = (3>4)?"Y":"N";
var a,b,c;
a=true&&false;
b=true||false;
c=!true;
（4）函數
函數是靠html標籤中的事件進行驅動的
function 函數名(){}
函數中的形式參數可以沒有數據類型，函數中也能夠有返回值
函數中的實參如果是某標籤的id值，那麼就要當成字符串
匿名函數沒有函數名，進行動態的加載事件
function (){}
（5）數組
可以索引或字符串做爲下標
var arr = new Array(3);
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
arr["rrr"] = 4090;
arr.length表示的是數組長度
數組使用循環遍歷
for(var o in arr) {
document.write(o);
document.write(arr[o]+"<br>");
}
（6）字符串
可以使用”+”來連接字符串
字符串截取：
substring() 方法用於提取字符串中介於兩個指定下標之間的字符。
greeting="welcome to the js";
document.write(greeting.substring(9,3));//表示從3號索引開始到8號索引結束
查找指定位置的字符：
charAt(索引)
document.write(str.charAt(i)+"<br>");
查找指定字符的位置：
tmp=str2.indexOf('@');
二，js對象
2.1 window爲最高級的對象，widow對象的方法：
（1）open（”url”，”name”，“窗口特徵”）打開指定名稱的窗口
open("register.html", "註冊窗口", "toolbars=0, location=0,
statusbars=0,menubars=0,width=700,height=550,scrollbars=1");
var abc = window.open("1.htm","newWin","toolbar=no,left=200,top=100,menubar=no,width=300,height=100");
<input type="button" οnclick="JavaScript:abc.focus();" value="跑前面來">
<input type="button" οnclick="JavaScript:abc.close();" value="關閉">
（2）close（）關閉當前窗口
（3）alert（””）顯示一個提示消息和確定按鈕的對話框
（4）confirm（””）顯示一個有提示消息，確定按鈕和取消按鈕的對話框
（5）prompt()-- 彈出消息對話框（對話框中包含一個OK按鈕、Cancel按鈕與一個文本輸入框）
prompt(str1, str2);
str1 -- 要顯示在消息對話框中的文本，不可修改
str2 -- 文本框中的內容，可以修改
如果點擊OK按鈕，文本框中的內容將作爲函數返回值
點擊Cancel按鈕，將返回null
（6）showModalDialog()在模式窗口中顯示指定的html文檔
window.showModalDialog("register.html", "註冊窗口", "toolbars=0,
location=0, statusbars=0, menubars=0,width=700,
height=550,scrollbars=1");
（7）setTimeout(“函數”,時間)定時器，多長時間後執行一次函數
（8）setInterval(“函數”,時間)每隔一段時間執行一次函數，無限循環
(9)
open
close
alert
confirm
prompt
setTimeout
clearTimeout
setInterval
clearInterval
moveBy
moveTo
resizeBy
resizeTo
scrollBy
scrollTo
find
back
forward
home
stop
blur
focus
2.2 Window子對象有：
（1）screen：有關客戶端屏幕和顯示性能的消息
window.screen.width == 1024 && window.screen.height == 768）
（2）status：指定瀏覽器狀態欄中顯示的臨時消息
window.status="系統當前狀態：您正在註冊用戶......";
（3）document：表示瀏覽器中html文檔
屬性：
bgColor設置或檢索Document對象的背景色
方法：
getElementById()封裝對象
getElementsByName()封裝一組同名對象，返回一個對象數組
getElementsByTagName()按標籤查找
document.write("let's go!")向文本中輸出
（4）location：有關當前url消息
屬性：
href設置或檢索完整的url字符串
host設置或檢索url的主機名和端口號
hostname設置或檢索url的主機名
方法：
assign（“url”）加載url的頁面
reload（）重新加載當前頁
<A href="javascript: location.reload( )">刷新</A>
replace（“url”）加載url替換當前文檔
<SELECT name="selTopic" id="selPTopic" onChange="javascript: location=this.value">
window.location="33.htm";
2.3 封裝對象
在html的標籤中設置id屬性，然後使用document對象的getElementById()方法封裝對象然後通過封裝的對象操作標籤的屬性或事件
通過document對象的getElementsByName()方法封裝一組相同id的標籤返回的是對象數組
封裝對象後調用innerHTML表示標籤中的文本內容
（5）history：客戶訪問過的url消息
history對象方法：
back（）加載history列表中的上一個url
<A href="javascript: history.back( )">返回 </A>
forward（）加載history列表中的下一個url
<A href="javascript: history.forward( )">前進</A>
go（“url”）跳到某一頁上
go（number）移動的頁數
三，js事件
（1）在提交表單的時候
<form name="test" action="1.htm" οnsubmit="return check()">
在function函數中使用return把值返回到函數的調用，在調用處使用return則把結果返回到window對象。
在check()函數中也有return
onload/onunload頁面加載/離開事件
onfocus/onblur控件的聚焦/失去焦點事件
onmouseover/onmouseout鼠標移入/移出事件
onclick/ondoubleclick單/雙擊事件
onchange改變內容事件
onselect選中內容事件
四，其他js內容
（1）類型轉換
parseInt（String）將字符串轉換爲整形數字
parseFloat（String）將字符串轉換成浮點型數字
document.getElementById("myAnchor").innerHTML="維普";//其中innerHTML屬性表示html標籤對象中的文本
（2）test()方法
test() 方法用於檢測一個字符串是否匹配某個模式.
<script type="text/javascript">
var str = "Visit W3School";
var patt1 = new RegExp("W3School");
var result = patt1.test(str);
document.write("Result: " + result);
（3）Math對象的方法
|
方法 |
描述 |
FF |
IE |
|
返回數的絕對值。 |
1 |
3 |
|
|
返回數的反餘弦值。 |
1 |
3 |
|
|
返回數的反正弦值。 |
1 |
3 |
|
|
以介於 -PI/2 與 PI/2 弧度之間的數值來返回 x 的反正切值。 |
1 |
3 |
|
|
返回從 x 軸到點 (x,y) 的角度（介於 -PI/2 與 PI/2 弧度之間）。 |
1 |
3 |
|
|
對數進行上舍入。 |
1 |
3 |
|
|
返回數的餘弦。 |
1 |
3 |
|
|
返回 e 的指數。 |
1 |
3 |
|
|
對數進行下舍入。 |
1 |
3 |
|
|
返回數的自然對數（底爲e）。 |
1 |
3 |
|
|
返回 x 和 y 中的最高值。 |
1 |
3 |
|
|
返回 x 和 y 中的最低值。 |
1 |
3 |
|
|
返回 x 的 y 次冪。 |
1 |
3 |
|
|
返回 0 ~ 1 之間的隨機數。 |
1 |
3 |
|
|
把數四捨五入爲最接近的整數。 |
1 |
3 |
|
|
返回數的正弦。 |
1 |
3 |
|
|
返回數的平方根。 |
1 |
3 |
|
|
返回角的正切。 |
1 |
3 |
|
|
返回該對象的源代碼。 |
1 |
- |
|
|
返回 Math 對象的原始值。 |
1 |
4 |
五，時間對象
Date對象存儲的日期爲1970年1月1日00：00：00以來的毫秒數
（1）創建日期對象
var 日期對象=new Date()//其中可以有年月日參數也可以沒有參數
setSeconds()/getSeconds()設置/獲取秒
setMinutes()/getMimutes()設置/獲取分
setHours()/getHours()設置/獲取小時
setDay()/getDay()設置/獲取星期
setDate()/getDate()設置/獲取天數
setMonth()/getMonth()設置/獲取月份
setYear()/geYear()設置/獲取年
六，層
(1)常見的頁面座標
top：指定元素的上邊界位置
pixelTop：設置或返回元素的上邊界
advInitTop=document.getElementById("advLayer").style.pixelTop;
left：指定元素的左邊界位置
scrolltop：頁面滾動的高度
document.body.scrollTop
（2）層的定位
只有先設置層的position爲absolute後，才能爲層定位
<DIV id="advLayer" style="position:absolute; left:16px;
top:129px; width:144px; height:95px; z-index:1;">
z-index表示層的懸浮效果
（3）層的隱藏
document.getElementById("advLayer").style.display="none";
document.getElementById("mylayer").style.display="block";
document.getElementById("mylayer").style.display="inline";
七，其他內容
（1）超鏈接與點擊事件
如果超鏈接中有點擊事件，那麼就要在點擊事件的函數後面加上return false阻止超鏈接的執行
<a href="#" οnclick="canclelink() return false;">退出</a>
（2）文本框的只讀屬性
<input name="MyDateTime" type="text" id="MyDateTime" readonly="readonly"/>
