DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript 學習筆記之基礎中的基礎
JavaScript 學習筆記之基礎中的基礎
編輯:關於JavaScript     

概要:javascript的組成、 各個組成部分的作用 、

一、javascript的組成

  javascript 
ECMAScript(核心) DOM(文檔對象模型) BOM(浏覽器對象模型)

1.1ECMAScript

  ECMAScript是通過ECMA-262標准化的腳本語言,ECMA-262規定語言的:語法、類型、語句、關鍵字、保留字、操作符、對象

1.2 DOM

  DOM把整個頁面映射為一個多層節點結構,HTML或者XML等頁面中的每個組成部分都是某種類型的節點,這些節點又包含不同類型的數據。

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延遲腳本:腳本會被延遲到整個頁面都被解析完才執行,雖然是延遲執行,但是浏覽器已經下載完了該js文件。

代碼如下:
<!DOCTYPE html>
<html>
    <head>
         <script type="text/javascript" defer="defer" src="demo.js"></script>
    </head>
</html>

上述例子中,雖然<script>標簽位於<head>標簽內,但是demo.js會延遲到浏覽器遇到</html>後才執行。

defer只適用於外部引入的腳本文件

       async異步腳本:不必讓頁面等待腳本的下載和執行,從而異步加載頁面其他內容。因此,異步加載腳本不要在加載期間修改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的基礎知識,希望大家不要讀得想睡著,只有打好基礎才有質變的可能哦。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved