js和html的結合方式

（1）在html文件中寫js代碼:

- <script type="text/javascript"> js代碼; </script>

（2）引入外部文件

- <script type="text/javascript" src="js文件路徑"></script>

js的原始類型和聲明變量

js的原始類型：string, number, boolean, null, undifined

js在定義變量時只有var

查看當前變量的數據類型：typeof();

js的數組

直接定義：

- var arr = [1, 2, 3];

使用內置對象Array

創捷對象是可以指定大小，也可直接賦值

js的函數

定義函數(傳遞的參數保存到arguments數組裡面)

使用function關鍵字：

function 方法名(參數列表){方法體; [return 返回值;]}

匿名函數：

var 函數名 = function(參數列表){方法體; [return 返回值;]}

使用Function內置對象:

var 函數名 = new Function("參數列表", "方法體和返回值");

js的全局變量和局部變量

全局變量：在script標籤裡面定義一個變量，在本頁面的js部分都可以使用

局部變量：在方法內部定義一個變量，只能在方法內部使用

js對象

1、String:字符串

bold()：加粗

fontcolor(): 設置字符串顏色

fontsize(): 設置字體大小

link(): 將字符串顯示成超鏈接

sub(): 下標

sup(): 上標

concat(): 連接字符串

charAt(): 返回指定位置的字符

indexOf(): 返回制定字符串值在字符串中首次出現的位置

split(): 把一個字符串分割成字符串數組

replace: 替換字符串

substr(): 抽取指定位置開始的指定數量的字符串

substring(): 用於提取字符串中介於兩個指定下標之間的字符(前閉後開)

2、Array:數組

concat(): 連接數組

join(): 把數組元素放入一個字符串

push(): 想數組末尾添加元素

pop(): 刪除最後一個元素

reverse(): 顛倒數組中元素順序

3、 Date:時間

toLocaleString(): 根據本地時間格式，把 Date 對象轉換為字符串

getFullYear(): 獲取年

getMonth(): 獲取月

getDay(): 獲取星期

getDate(): 獲取日

getHours(): 獲取時

getMinutes(): 獲取分

getSeconds(): 獲取秒

getTime(): 獲取1970年1月1日至今的毫秒數。

4、Math:數學運算(都是靜態方法)

ceil(): 向上舍入

floor(): 向下舍入

round(): 四捨五入

random(): 得到隨機數

submit(): 提交表單

5、bom: 瀏覽器對象模型

Navigator:獲取客戶端信息

appName: 瀏覽器名字

screen:獲取屏幕的信息

width:顯示器屏幕的寬度

location: 請求url地址

href: 設置或返回完整的URL

history: 請求的url歷史記錄

back(): 加載前一個url

forward(): 加載下一個url

go(): 加載到某個url

window: 窗口對象，頂層對象

alert(): 頁面彈框

confirm(): 確認提示框

prompt(): 輸入對話框

open(): 打開一個新的窗口

close(): 關閉窗口(兼容性差)

setInterval(): 每次指定時間後執行js代碼

setTimeout(): 指定時間後執行js代碼（一次）

clearInterval(): 清除setInterval定時器

clearTimeout(): 清除setTimeout定時器

opener(): 返回創建次窗口的窗口引用

6、 dom：文檔對象模型(對標記型文檔進行操作)

Document:在瀏覽器中顯示信息

write()：可以輸出變量，固定值和html代碼

裡面是雙引號，如果設置標籤屬性使用單引號

getElementById(): 返回指定id的標籤對象

getElementsByName(): 返回指定名稱的對象集合

getElementsByTagName(): 返回指定標籤名的對象集合

createElement(): 為指定標籤創建一個元素的實例

createTextNode(): 創建一個指定值的文本字符串

7、元素對象：即通過document.getElement*方法得到的對象（node）

nodeName: 名稱

nodeType: 類型

nodeValue: 值

parentNode: 父節點

childNodes: 子節點集合

firstChild: 第一個子節點

lastChild: 最後一個子節點

nextSiBling: 下一個兄弟節點

previousSiBing: 上一個兄弟節點

innerHTML:獲取節點的文本內容，也可以向標籤裡面添加內容(可以是html代碼)

getAttribute(): 通過名稱獲取屬性值

setAttribute(): 設置屬性的值

removeAttribute(): 刪除屬性（不能刪除value）

getElementsByTagName(): 返回指定標籤名的對象集合

appendChild(): 添加子節點到末尾，類似於剪切

insertBefore(): 在某個節點之前插入一個新節點

removeChild(): 刪除節點，只能刪除子節點，不能刪除自己

replaceChild(): 替換節點，只能替換子節點，不能替換自己

cloneNode(): 複製節點(參數為boolen，是否複製子節點)

8、Form:代表一個html表單元素對象

action: 即表單的action屬性

name: 表單的名稱

reset(): 把表單的所有輸入元素重置為它們的默認值

9、全局函數：

eval(): 執行js代碼

encodeURI(): 對字符進行編碼

decodeURI(): 對字符進行解碼

isNaN(): 判斷字符串是否不是數字

parseInt(): 將字符串轉換成整數

10、事件：

onclick: 鼠標點擊

onchange: 內容改變

onfocus: 得到焦點

onblur: 失去焦點