首頁 > web前端 > js教程 > JavaScript常用標籤和方法總結_javascript技巧

JavaScript常用標籤和方法總結_javascript技巧

WBOY
發布: 2016-05-16 15:41:21
原創
1214 人瀏覽過

什麼是javascript?  

(1) JavaScript是一種基於物件(Object)和事件驅動(Event Driven)並具有安全效能的 腳本語言。  

(2) JavaScript是由Netscape公司開發的腳本語言,其編寫的程式可以嵌入到 HTML頁面中,並直接在瀏覽器中解釋執行。  

(3) JavaScript可以被瀏覽器直接解釋執行,它可以更好得減少伺服器壓力,提高程 序運行效率。 

//事件(事件監聽) :

    //標籤物件.事件監聽.function(){執行的程式碼,找物件,找屬性,改屬性};

    事件來源.觸發一個事件.呼叫一個方法.方法找執行程式碼找物件,找屬性,改屬性(或用屬性,增刪改查)

           onmouseover 滑鼠移到某一元素之上

           onmouseout  滑鼠移開某一元素

           onkeydown   鍵盤按下並已使用)

           onkeypress  鍵盤按下再鬆開(就是點選 按下即可放開)

           oonkeyup    鍵盤鬆開(就是鬆開的時候)

           onclick     以滑鼠按下至上圖(點選)

           onmousedown 滑鼠按鈕按下(按著不動)

          onmousemove 滑鼠移動(移動  按著與不按著都行)

           onmouseout  滑鼠移到某元素之上(滑鼠放上去的時候)

           onmouseup   滑鼠按鍵鬆開(滑鼠鬆開的時候)

           onresize    視窗或將尺寸重新調整為

           window.onresize

           onsubmit    表單提交

           onblur      元素失去焦點

           onfocus     元素擷取焦點

           瀏覽器空白區域的寬和高(也就是瀏覽器的寬和高)

           寬:document.documentElement.clientWidth; 

          高:document.documentElement.clientHeight;

//取得物件的方式 : 

            //  window.document.getElementById('miao');//window可以省略

                document.getElementById('miao');//ID是唯一的,不可以衝突,所以獲取到的是一個物件值,不是數組

                document.getElementsByTagName("a");//標籤名不是唯一的  取得所有a標籤物件,產生陣列

                document.getElementsByClassName("a");//className不是唯一的,取得所有className為a的標籤物件  產生陣列

                document.getElementsByName("a");//Name屬性不是唯一的,取得所有Name為a的標籤物件,產生陣列


                為整個標章

                取得物件後,以標籤內的內容,可呼叫物件的innerHTML屬性


                標籤物件.innerHTML:代表了標籤之間的文字


                標籤物件.innerHTML = 新的資料:就是為標籤之間的內容賦值

//彈框 :    

           alert():普通的彈跳視窗

           confirm():彈出一個已確認與取消的彈窗

           prompt():有輸入框的彈出式

           setTimeout(func,n);//定時器,n秒後執行func中的程式,單位為毫秒

           clearTimeout(s); //取消定時器效果,參數又為setTimeout產生的時間識別

           setInterval(func,n):以固定的時間間隔執行某件事

           clearInterval(s);

//字串轉換數值型parseInt();

        var h =document.documentElement.clientHeight;//取得瀏覽器的高

        var w =document.documentElement.clientWidth;//取得瀏覽器的寬

        var div1 = document.getElementById("id");//取得ID為id的標籤的物件

        iw=parseInt(w)//以w轉換為數值類型

        ih=parseInt(h)

        div1.style.height=ih 'px';//賦值

        div1.style.width=iw 'px';

以上就是本文的全部內容,希望對大家今後在做專案時用到JavaScript標籤和方法有所幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板