JavaScript筆記梳理

時間 2019-11-09

標籤 javascript 筆記梳理欄目 JavaScript 简体版

原文原文鏈接

頁面輸出內容：document.write（「可在這裏加上h1標籤」）

JS控制HTML標籤元素。 弱變量var定義聲明變量，其類型由變量內容決定，若是值爲10類型就是int。

也可不使用var直接聲明變量，parseInt類型轉換

程序邏輯操做：順序結構，循環結構，分支結構（if ...else...）

javascript中沒有equle只有==

輸出表格順序: table tr td, 如 document.write("<td>"+x*y+"</td>"); 元素中屬性border要加轉義border=\"1\"

空表格元素<td> </td>

定義數組屬於對象建立。不區分大小寫。

函數定義：function 函數名稱(參數列表){ [ return[返回值]；] } 函數 . arguments.length

事件處理：

事件：在HTML中全部事件都是用」onXxx「形式命名。每一個事件都有相應的函數處理。

頁面加載，頁面關閉：在頁面加載和關閉的時候能夠觸發執行某些操做。onload onunload

鼠標事件onmousedown up over out move

<img src="images/1.jpg" onmousedown="fun">觸發事件之行fun函數

鼠標選中事件：單擊onclick雙擊ondblclick.

JS操做html代碼表單爲例

首先取得HTML元素的對象，每一個HTML元素都是一個JS對象。舊方法是 document . 元素對象名稱

新方法是使用基於DOM操做的兩個函數取得單個對象document . getElementById(元素名稱)；開發時 name和Id同樣，且都要寫

取得一組對象document . all (元素名稱)；

起源：輸入驗證操做瀏覽器交互 ----同時在瀏覽器和服務器中使用。

簡史：1995年產生JavaScript 1.0；以後發佈了1.1,1.2 接着在1997年完成了ECMA-262初版----ECMAScript新腳本語言標準。Unicode實現。

Netscape Navigator 4.06發佈的javascript1.3開始徹底兼容ECMA-262

JS完整實現包括：核心ECMAScript，文檔對象模型DOM，瀏覽器對象模型BOM。

DOM是針對XML但擴展用於HTML的API，將頁面映射成多層節點結構，節點包含着不一樣類型的數據。DOM Level 1目標是映射文檔的結構，包含兩個模塊：DOM Core和DOM HTML；DOM Level2引入了DOM視圖，事件，樣式和遍歷，範圍；DOM Level 3引入了統一加載保存文檔和驗證文檔的方法。

$(this).hide() 演示jQuery hide（）函數，隱藏當前的HTML元素。

$(document).ready(function)爲了防止文檔在徹底加載就緒以前運行jQuery代碼。

$("p.intro")選取全部class爲intro的p元素。$("[href$='.jpg']")選取全部href值以 .jpg結尾的元素。

jQuery CSS選擇器更改p元素背景顏色 $("p").css("background-color" , "red" );

jQuery事件處理方法，jQuery使用$符號做爲jQuery的簡介方式，prototype是相似的。noConflict（）解決名稱衝突問題。

$(selector).click(function) dblclick focus mousecver事件。

jQuery toggle（）實現點擊鼠標時hide和show切換。

隱藏顯示，淡入淡出，滑動，動畫$(selector).animate({params}, speed, callback);。params必須參數定義造成動畫的CSS屬性。

如需對位置進行操做，要記得首先把元素的 CSS position 屬性設置爲 relative、fixed 或 absolute！

ajax是asynchronous javaScript+XML的簡稱，是不跳轉異步載入內容並改寫頁面內容的技術。Google的Gmail是利用ajax的優秀範例。

AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。javascript

AJAX 不是新的編程語言，而是一種使用現有標準的新方法。css

AJAX 是與服務器交換數據並更新部分網頁的藝術，在不從新加載整個頁面的狀況下。html

AJAX 是一種在無需從新加載整個網頁的狀況下，可以更新部分網頁的技術。java

一個Http請求包括4部分：http請求方法或動做（verb）ajax

正在請求的URL，一個可選的請求頭集合其中可能包括身份驗證信息，一個可選的請求主題。編程

服務器返回的HTTP相應包括3部分：一個數字和文字組成的狀態碼用來顯示請求的成功和失敗，一個相應頭集合，相應主體。數組

Ajax請求組成：

建立ajax對象，鏈接服務器，發送請求，接收返回。

瀏覽器上運行的腳本，控制瀏覽器的動做，用戶交互 && 數據處理瀏覽器

html是內容CSS是格式JS是動做，解釋性語言，代碼放在html裏頭，從服務器端下放到瀏覽器中而後運行

<html>

document.write("<h1>hello world!</h1>");

</script>

</body>

</html>

變量沒有類型，值是有類型的

取餘就是取模

不區分整型和浮點型

雙斜槓是註釋

小寫字母比大寫字母小

if () else if() ...else

switch() { case i : ...break; default : ..break; }

三目運算符 a>b?a:b

for( init , condition, step )

循環：若是有固定次數用for循環；必須執行一次用do_while；其餘狀況用while

break跳出當前循環；continue跳出當前循環步，進入循環的下一輪

函數是一段代碼，起個名字放起來之後用。JS有許多內置函數

函數對象，函數變量var f = new Function("x","y","return x*y")

<br/>換行

數組： new Array

數組轉換成字符串：數組 . toString等各類方法

堆棧 push pop 隊列push shift

對象：複合數據類型，多個數據集中起來在一個變量中，每一個數據起名字，屬性集合每一個屬性有本身的名字和值

new Object

構造方法不直接製造對象，經過this定義成員沒有return

原型對象：對象的prototype屬性定義了原型對象，可用點 . 運算符讀原型對象的屬性

當寫這個屬性時纔在它本身內部產生實際的屬性

function person() { } person.prototype={}

瀏覽器中的JavaScript

window瀏覽器的全局對象，全部的全局變量實際是window的成員

window . document > html

window . document 表示瀏覽器窗口中的HTML頁面

window . write()將內容寫入頁面

head裏的scrip至關於定義函數，放在body裏的script至關於執行動做

script的src屬性指定外部JS代碼文件的URL

body事件 onload裝載以前要作的事情 onLoad

onClick onSubmit onMouseOver

簡單對話框 alert confirm肯定取消 prompt

status 定時器setInterval

window . open控制方法 window.close window.location

DOM文檔對象模型，頁面元素成員操做

document對象的成員提供了HTML文檔的信息

document的經常使用成員：anchors[] forms[] images[]

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。