欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript學習總結之js使用技巧

 更新時間:2015年09月02日 09:53:55   投稿:mrr  
本篇文章給大家分享javascript學習總結之js使用技巧,都是精華喔~小伙伴快來學習吧。

1 假如瀏覽器不支持JavaScript怎么辦?

a.為什么瀏覽器會不支持?大部分瀏覽器都有禁用腳本的功能,例如chrome。

b.在js被禁用的情況下要保證網(wǎng)頁仍能實現(xiàn)它的核心功能(關鍵的用戶需求)

例子:在一個新窗口里打開鏈接,可以使用BOM的open()方法

 function popUp(winURL) {
   window.open(winURL, "popup", "width=,height=");
 }

具體的js實現(xiàn)有以下幾個方案:

    方案一:使用javascript偽協(xié)議:

<a href="javascript:popUp('http://www.example.com');return false;">Example</a>

    方案二:使用內(nèi)嵌的事件處理函數(shù):

<a href="#" onclick="popUp('http://www.example.com');return false;"></a>

以上兩種種實現(xiàn)方案,在js被禁用時,“在一個新窗口里打開鏈接”這個需求就無法滿足了。所以,不能為了單純使用js而濫用js。下面這個實現(xiàn)方案就為js預留出了退路,即所謂平穩(wěn)退化(留好js被禁后的退路)

   方案三:平穩(wěn)退化<a href="

2 如何將網(wǎng)頁的結構、內(nèi)容與JavaScript腳本的動作分離開?為什么要分離開?

a.分工明確,各干各的,然后才是協(xié)作:

網(wǎng)頁結構、內(nèi)容-由html來做、網(wǎng)頁的樣式-由CSS來做、網(wǎng)頁的行為-由JavaScript來做

b.分離js代碼其實很簡單,js代碼不要求事件必須在html中處理,可以在外部js文件里將一個事件添加到html文檔中的某個元素上。例如:

 window.onload = paperLinks
   function paperLinks() {
   var links = document.getElementsByTagName("a");
     for (var i=; i<links.length;i++){
     if (links[i].getAttribute == "popup") {
       linnks[i].onclick = function() {
         popUp(this.getAttribute("href"));
         return false;
       }
     }
    }
  }

3 瀏覽器的兼容性問題

    新老要通吃,尤其要注意老的,即向后兼容。不同的瀏覽器對js的支持程度不一樣,比如

document.getElementsByClassName(classname)IE6就不支持,加一個檢查語句就可以檢查兼容性問題:if(!document.getElementsByClassName) return false;

4 性能考慮

為什么要考慮腳本執(zhí)行的性能?性能是永遠要考慮的問題,這涉及到你編寫的網(wǎng)頁能否順利的加載。

如何保證腳本執(zhí)行的性能是最優(yōu)的?

a.盡量少訪問dom和少使用標記,例如:少用循環(huán)遍歷

 var links = document.getElementsByTagName("a");
   if (links.length > ) {
     for (var i=; i<links.length; i++) {
     //......
   }
 }

就要比下面的代碼性能要好

 if (document.getElementsByTagName("a").length > ) {
   var links = document.getElementsByTagName("a");
   for (var i=; i<links.length; i++) {
   //......
   }
 }

b.合并腳本(js代碼),減少頁面加載時發(fā)送的請求數(shù)量;將<script>標簽放置于文檔末尾,在</body>結束之前,這樣可以讓頁面加載的快些,且不影響js的加載。

c.壓縮腳本,將js代碼中不必要的空格、注釋刪除,甚至可以將變量名簡化??梢詼蕚鋬蓚€版本的js:一個是工作版本,用于修改代碼和注釋,另一個為精簡版本,則用于發(fā)布。

javascript對象

以上內(nèi)容就是本文給大家介紹javascript學習總結之js使用技巧,希望大家喜歡。

相關文章

  • Bootstrap零基礎入門教程(三)

    Bootstrap零基礎入門教程(三)

    Bootstrap 是一個用于快速開發(fā) Web 應用程序和網(wǎng)站的前端框架。本文重點給大家介紹Bootstrap零基礎入門教程(三) ,非常不錯,具有參考借鑒價值,感興趣的朋友一起學習吧
    2016-07-07
  • JS模擬實現(xiàn)ECMAScript5新增的數(shù)組方法

    JS模擬實現(xiàn)ECMAScript5新增的數(shù)組方法

    ECMAScript5 新增了十個數(shù)組方法,這些方法只有在ie9及以上瀏覽器中可以被使用,下面是對于這些方法的模擬實現(xiàn)簡單介紹下,需要的朋友參考下
    2017-03-03
  • url 特殊字符 傳遞參數(shù)解決方法

    url 特殊字符 傳遞參數(shù)解決方法

    有些符號在URL中是不能直接傳遞的,如果要在URL中傳遞這些特殊符號,那么就要使用他們的編碼了。下表中列出了一些URL特殊符號及編碼。
    2010-01-01
  • js禁止Backspace鍵使瀏覽器后退的實現(xiàn)方法

    js禁止Backspace鍵使瀏覽器后退的實現(xiàn)方法

    下面小編就為大家?guī)硪黄猨s禁止Backspace鍵使瀏覽器后退的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 如何讓頁面加載完成后執(zhí)行js

    如何讓頁面加載完成后執(zhí)行js

    本篇文章是對如何讓頁面加載完成后執(zhí)行js的解決方法進行了詳細的分析介紹,需要的朋友參考下
    2013-06-06
  • 用js實現(xiàn)用戶注冊功能

    用js實現(xiàn)用戶注冊功能

    這篇文章主要為大家詳細介紹了用js實現(xiàn)用戶注冊的簡潔版,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • javascript數(shù)組的內(nèi)置方法詳解

    javascript數(shù)組的內(nèi)置方法詳解

    這篇文章主要介紹了javascript數(shù)組的內(nèi)置方法,介紹的非常詳解,具有參考借鑒價值,感興趣的朋友一起學習吧,希望能夠給你帶來幫助
    2021-09-09
  • JS實現(xiàn)五星好評案例

    JS實現(xiàn)五星好評案例

    這篇文章主要為大家詳細介紹了JS實現(xiàn)五星好評案例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • JavaScript實現(xiàn)微信號隨機切換代碼

    JavaScript實現(xiàn)微信號隨機切換代碼

    這篇文章主要介紹了JavaScript實現(xiàn)微信號隨機切換代碼,需要的朋友可以參考下
    2018-03-03
  • 使用typescript類型來實現(xiàn)快排詳情

    使用typescript類型來實現(xiàn)快排詳情

    這篇文章主要介紹了使用typescript類型來實現(xiàn)快排詳情,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-08-08

最新評論