一.js的組成：

ECMAScript js組成語言的語法和基本對象
DOM 文檔對象模型，描述處理網(wǎng)頁內容的方法和接口
BOM 瀏覽器對象模型，描述與瀏覽器進行交互的方法和接口

二.js的特點：

跨平臺的web腳本語言
向html頁面添加交互行為
可與服務器進行通信

三.js出現(xiàn)的位置：

1.行間

<input type="button" onclick="alert(1);" value="Click"/>

2.內嵌

<script>
        //這里是js代碼
</script>

3.外鏈js文件

<script src="demo.js"></script>

三.window.onload

 windows.onload是為頁面加載完成

window.onload=function(){
        //當頁面中的元素全部加載完成后執(zhí)行這里的代碼
 }

什么時候用window.onload？
1.當js代碼需要獲取頁面當中的元素的時候，如果這個script放在元素的面前，那就需要加載window.onload
2.如果script標簽放在元素的后面，那就不需要加window.onload

script不能自結束
1.直接在html中的script標簽中寫
2.可以引入外部文件，通過src指定外部文件的位置，特別注意的是不能省略script的結束標簽

對于js全部都是通過var來完成變量的創(chuàng)建，
當在函數(shù)內部沒用使用var來聲明變量的時候，這個變量就會作為全局變量聲明，所以在函數(shù)中定義變量是一定要用var

實例：

需求：點擊按鈕，讓div的寬度與高度變化

1.拿到按鈕

doucument.getElementByID("btn")

2.給按鈕添加點擊事件

按鈕.onclick=function(){
    //把點擊后的事情放到這里
    //拿到要修改的元素
doucument.getElementByID("box")
    //修改拿到元素的屬性
    div.style.width=值
    div.style.height=值
}

3.修改屬性

元素.style.樣式=值

js代碼：

var btn=document.getElementById("btn");
var box=document.getElementById("myDiv");
btn.onclick=function(){
    box.style.width="200px";
    box.style.height="200px";
};