JavaScript 學習筆記之基礎(chǔ)中的基礎(chǔ)
概要:javascript的組成、 各個組成部分的作用 、
一、javascript的組成
javascript
ECMAScript(核心) DOM(文檔對象模型) BOM(瀏覽器對象模型)
1.1ECMAScript
ECMAScript是通過ECMA-262標準化的腳本語言,ECMA-262規(guī)定語言的:語法、類型、語句、關(guān)鍵字、保留字、操作符、對象
1.2 DOM
DOM把整個頁面映射為一個多層節(jié)點結(jié)構(gòu),HTML或者XML等頁面中的每個組成部分都是某種類型的節(jié)點,這些節(jié)點又包含不同類型的數(shù)據(jù)。
1.3 BOM
控制瀏覽器顯示的頁面以外的部分
二、<script>元素
2.1使用方式
外部引用javascript文件:
<script type="text/javascript" src="../../XX.js"></script>
頁面嵌入javascript代碼
<script type="text/javascript">
var first="第一個變量";
alert(first);
</script>
2.2 <script>元素的屬性
defer延遲腳本:腳本會被延遲到整個頁面都被解析完才執(zhí)行,雖然是延遲執(zhí)行,但是瀏覽器已經(jīng)下載完了該js文件。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" defer="defer" src="demo.js"></script>
</head>
</html>
上述例子中,雖然<script>標簽位于<head>標簽內(nèi),但是demo.js會延遲到瀏覽器遇到</html>后才執(zhí)行。
defer只適用于外部引入的腳本文件
async異步腳本:不必讓頁面等待腳本的下載和執(zhí)行,從而異步加載頁面其他內(nèi)容。因此,異步加載腳本不要在加載期間修改dom.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" defer="defer" src="demo1.js">
<script type="text/javascript" defer="defer" src="demo2.js"></script>
</head>
</html>
都是些javascript的基礎(chǔ)知識,希望大家不要讀得想睡著,只有打好基礎(chǔ)才有質(zhì)變的可能哦。
相關(guān)文章
javascript document.execCommand() 常用解析
dom下execCommand命令的一些參數(shù)整理,需要的朋友可以參考下。2009-12-12
深入理解JavaScript系列(21):S.O.L.I.D五大原則之接口隔離原則ISP詳解
這篇文章主要介紹了深入理解JavaScript系列(21):S.O.L.I.D五大原則之接口隔離原則ISP詳解,本文講解了JavaScript接口、ISP與JavaScript、墮落的實現(xiàn)、靜態(tài)耦合、語義耦合、可擴展性等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript高級程序設(shè)計(第3版)學習筆記12 js正則表達式
前面在分析PhoneGap源碼的時候,曾經(jīng)總結(jié)過一次正則表達式的用法,為了不同系列文章的完整性,這里將那里的總結(jié)遷移過來2012-10-10
Javascript實例教程(19) 使用HoTMetal(5)
Javascript實例教程(19) 使用HoTMetal(5)...2006-12-12
總結(jié)JavaScript在IE9之前版本中內(nèi)存泄露問題
本篇文章給大家總結(jié)了JavaScript在IE9之前版本中內(nèi)存泄露問題,對此有興趣的朋友可以學習下。2018-04-04

