一:js代碼必須位於<script>js代碼</script>
把js代碼放到<body>元素的地步,可以改善顯示速度
二:js顯示數據
- 使用 window.alert() 寫入警告框
- 使用 document.write() 寫入 HTML 輸出
- 使用 innerHTML 寫入 HTML 元素
- 使用 console.log() 寫入瀏覽器控制台
三:訪問HTML元素,可以用document.getElementById(id) 方法
四:多種數據類型:數值、字符串、數組、對象
<p id="shuzi"></p>
<p id="zifuchuan"></p>
<p id="shuzu"></p>
<p id="duixiang"></p>
<script>
var length = 7; // 數字
var lastName = "Gates"; // 字符串
var cars = ["Porsche", "Volvo", "BMW"]; // 數組
var x = {firstName:"Bill", lastName:"Gates"}; // 對象
document.getElementById('shuzi').innerHTML=length;
document.getElementById('zifuchuan').innerHTML=lastName;
document.getElementById('shuzu').innerHTML=cars+" "+cars[0];
document.getElementById('duixiang').innerHTML=x+x.firstName+x.lastName;
</script>
五:如果字符abc和數字123相加,得到字符abc123
六:函數function 函數名()
toCelsius 引用的是函數對象,而 toCelsius() 引用的是函數結果
七:this關鍵詞
在函數定義中,this 引用該函數的“擁有者”。
在上面的例子中,this 指的是“擁有” fullName 函數的 person 對象。
換言之,this.firstName 的意思是 this 對象的 firstName 屬性。
八:事件
事件處理程序可用於處理、驗證用戶輸入、用戶動作和瀏覽器動作:
- 每當頁面加載時應該做的事情
- 當頁面被關閉時應該做的事情
- 當用戶點擊按鈕時應該被執行的動作
- 當用戶輸入數據時應該被驗證的內容
- 等等
讓 JavaScript 處理事件的不同方法有很多:
- HTML 事件屬性可執行 JavaScript 代碼
- HTML 事件屬性能夠調用 JavaScript 函數
- 您能夠向 HTML 元素分配自己的事件處理函數
- 您能夠阻止事件被發送或被處理
- 等等