国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript學習總結之js使用技巧

2019-11-20 11:37:27
字體:
來源:轉載
供稿:網友

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

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

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

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

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

具體的js實現有以下幾個方案:

    方案一:使用javascript偽協議:

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

    方案二:使用內嵌的事件處理函數:

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

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

   方案三:平穩退化<a href="

2 如何將網頁的結構、內容與JavaScript腳本的動作分離開?為什么要分離開?

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

網頁結構、內容-由html來做、網頁的樣式-由CSS來做、網頁的行為-由JavaScript來做

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

3 瀏覽器的兼容性問題

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

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

4 性能考慮

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

如何保證腳本執行的性能是最優的?

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

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

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

c.壓縮腳本,將js代碼中不必要的空格、注釋刪除,甚至可以將變量名簡化。可以準備兩個版本的js:一個是工作版本,用于修改代碼和注釋,另一個為精簡版本,則用于發布。

javascript對象

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 安义县| 政和县| 枣强县| 平南县| 德保县| 蓬莱市| 石首市| 叶城县| 潮安县| 湟源县| 米泉市| 前郭尔| 枣强县| 会泽县| 陵水| 手游| 定日县| 辽宁省| 博兴县| 朔州市| 蒲城县| 崇礼县| 临颍县| 息烽县| 邢台县| 石城县| 东安县| 屏东市| 沙田区| 呈贡县| 谢通门县| 越西县| 敖汉旗| 宁夏| 周至县| 安多县| 神木县| 长宁区| 嘉鱼县| 葫芦岛市| 克山县|