js使用中的一些自己的積累

1. select 和options
<html>    
                
<select name="first" size="1" id="first" style="width:100px">
                    
<option value=""></option>
                    
<option value="1">電源</option>
                    
<option value="2">主網(電網基建)</option>
                    
<option value="3">城網</option>
                    
<option value="4">農網</option>
                    
<option value="5">小型基建</option>
                    
<option value="6">電網技改</option>
                    
<option value="7">其他資本性支出</option>
                
</select>
</html>
<script>    
    
function initFirst() {
                
var first = document.getElementById('first');

                
for (var i = 0; i < first.options.length; i++{
                    
if (first.options[i].value == <%=type%>{
                            first.options[i].selected 
= true;
                     }

                }

    }

    
    initFirst();
    
</script>
 
2.js驗證輸入是否爲數字
var str         = "ds";
var num     = "123";
isNaN(str)返回true
isNaN(num)返回false

3.截獲窗口關閉事件
onunload,不一定只有關閉時響應,只要離開頁面(比如刷新之前、url改變)就會響應。另外,在關閉之前還會響應一個onbeforeunload事件。

<HTML>
    
<BODY onunload="alert('close!');"  onbeforeunload="alert('onbeforeunload')">
    
</BODY>
</HTML>

4.(轉自:http://topic.csdn.net/t/20010529/08/138407.html)
event對象指當前觸發的事件對象,   window.event.srcElement是指觸發事件的對象。比如你設定document.onclick   =   myfunc;這時所有頁面點擊的事件都交給myfunc處理,在myfunc函數裏可以寫vSrc   =   window.event.srcElement,知道用戶是點擊了什麼地方,做相應處理。  
  <script   languange   =   "javascript">  
  document.onclick   
=   myfunc;  
  
function   myfunc()  
  
{  
         alert(window.event.srcElement.nodeName);  
  }
  
  
</script>   

5.with
    function createTable() {
        
var doc     = document;
        
var oTable     = doc.createElement("table");
        
with(oTable) {
            border     
= "1";
            width    
= "100%";
            
            
var oTbody = doc.createElement("tbody");
            
with(oTbody) {
                
var oTr1    = doc.createElement("tr");
                
with(oTr1) {
                    
var oTd1     = doc.createElement("td");
                    
var oText1    = doc.createTextNode("cell 1,1");
                    oTd1.appendChild(oText1);
                    
                    
var oTd2    = doc.createElement("td");
                    
var oText2    = doc.createTextNode("cell 1,2");
                    oTd2.appendChild(oText2);
                    
                    appendChild(oTd1);
                    appendChild(oTd2);
                }

                
                appendChild(oTr1);
            }

            
            appendChild(oTbody);
        }

        
        doc.body.appendChild(oTable);
    }

6. 獲得html對象
根據id獲得標籤的對象可以不使用
var someId = "textbox1";
var o = document.getElementById(someId);
alert(o.value);
可以直接使用
alert(textbox1.value);

7.數組
    var aCity={"a":{"flag":"aa""value":"bb"},11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江 ",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北 ",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"雲南",54:"西藏 ",61:"陝西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外 "};
    
for (var i in aCity) {
        alert(i 
+ ": " + aCity[i]);
    }

    alert(aCity[
"a"]["flag"]);    // 等價於  alert(aCity.a.flag); 但如果要訪問數組中北京這個元素的話則不能使用aCity.11

    // 下面是個Array
    
var arr = ["a""b""c"];        // 等價於 var arr = new Array("a""b""c");
    alert(arr[
1]);
我經常犯一個錯誤,就是訪問數組或者是訪問Array對象時會用aCity(11),這是我對js的理解有問題,小括號"()"是用來訪問方法的
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章