發表文章

[筆記]JS Button 事件

  < body >          < div   id = "box" ></ div >          < script >          var   oBt = document . getElementById ( "box" );          // 單擊點擊放開          oBt . onclick =  function (){              alert ( "hi" );         }          // 雙擊點擊放開            oBt . ondblclick =  function (){              alert ( "hi" );          }          //  單擊點擊不放開觸發    ...
張貼留言
閱讀完整內容

[筆記]JS 作用域&預解析

預解析      1.   所有變數 在程式真正運行前 都是非賦值      2.   所有函數在真正運行前都是整個函數塊      3.   預到重名 只留下一個;變數和函數名 只留下函數 逐行解析     * 表達式: = + - * / 備註  1.函數也是一個作用域  2.函數中局部優先 預解析     第一行 var a;     第二行 fn1 =function 逐行解析      第一行 a=1;      第六行 函式調用         預解析: 無         逐行解析:                       第3行:alert(a)                       第4行: a=2;         第七行:  alert(a); 1: var a=1; 2: function fn1(){ 3:          alert(a); 4:          a=2; 5: } 6: fn1(); 7: alert(a); ************************ 1: var a=1; 2: function fn1(){ 3:          alert(a); 4:        ...
張貼留言
閱讀完整內容

[筆記]JS 控制隱藏顯示操作

var   oImg = document . getElementById ( "img" ); // 取得ID       oImg . style . display = "block" //顯示 oImg . style . display = "none" //隱藏      < input   type = "button"   value = "隱藏" id = "bt" />          < br   \ >          < img   src = "03.png"   id = "img" />          < script   type = "text/javascript" >          var   oBt = document . getElementById ( "bt" );          var   oImg = document . getElementById ( "img" );          var   isShow = true ;          oBt . onclick  =  function (){        ...
張貼留言
閱讀完整內容

[筆記]JS 對HTML 操作

JS 對HTML 操作 讀取值  <body>         <input type="text" id="text1" /> <input type="text" id="text2" /> <input type="button" value="加法" id="bt1"/>         <input type="button" value="減法" id="bt2"/>         <input type="button" value="乘法" id="bt3"/>         <input type="button" value="除法" id="bt4"/>         <input type="button" value="取餘" id="bt5"/>    <script >     var oText1=document.getElementById("text1");      var oText2=document.getElementById("text2");             var oBt1=document.getElementById("bt1");      var oBt2=document.getElementById("bt2");      var oBt3=document.getElementById("bt3");      var oBt4=document.getElementById("bt4");      v...
張貼留言
閱讀完整內容