天天看點

走入javascript(三)事件函數的初步認識

  1. js中的事件 

      常用的事件分類:滑鼠事件 鍵盤事件 系統事件 表單事件       常用的事件:               onclick    點選事件              ondblclick   輕按兩下事件             onmouseover/onmouseenter  移入事件             onmouseout/onmouseleave   移出事件     注意:元素預設是沒有事件的

2.js中的函數       函數分為倆種 匿名函數 function(){}    有名函數function name(){} eg:document.getElementById('box').onclick = goudan; function goudan (){ alert('Hello world'); } 注意:函數不會主動執行,不論放上邊還是下邊都沒有關系,但是不可以無緣無故的出現一個匿名函數。

3.js的另一種寫法   <div id="box" οnclick="goudan()"></div> 函數可以通過事件驅動也可以自執行 在script中寫入goudan();就是函數自執行   注意:goudan();這個函數執行在執行代碼中便為自執行,但是在html标簽中是不會的,html标簽會認為事件觸發時,将狗蛋當成js代碼執行。當把goudan();當做js代碼來讀的時候 就是函數自執行,事件觸發不需要帶括号,但是事件觸發在html标簽中必須要帶括号。 有名函數可以不用分号,但是匿名函數必須要分号。 4.this和定義變量 (1)this的含義 在這裡我們可以将this認為是自己的即可。 eg:this,style.background = '#F60'; (2)變量的命名規則 禁止使用關鍵字 保留字 作為變量名的使用,隻允許字母、數字、下劃線 $ 但是不能以數字開頭 嚴格區分大小寫 通常要求見名知意

5.字元串的相關問題 如果擷取像body  head 這些唯一的便簽可以直接 document.body 變量也用為prompt存儲輸入内容 goudan 和 "goudan"是有差別的,前者是一個變量而後者是一個字元串,在引号中隻指代那幾個字,如果要将變量放到字元串中就要用到字元串拼接 加号倆邊有字元串才是拼接,如果倆别都是數字,就是數字加法 字元出串的拼接,隻要是成對出現,無論你的内容是什麼樣的字元串,雙引号開始比對下一個雙引号結束。即使是"<h1>' 你好 '</h1>"也不行。 單引号和雙引号是一個意思 "<h1>"+ goudan +"</h1>"     '<h1>'+ goudan +'</h1>' 是一個意思也可以這樣玩 '<h1>'+ goudan +"</h1>"

出自"潭州教育"。

繼續閱讀