js基礎之重溫

  • 時間:2018-06-16 23:01 作者:it從業 來源:it從業 閱讀:293
  • 掃一掃,手機訪問
摘要:一、詳情JavaScript是運行在瀏覽器端的腳步語言,JavaScript主要處理的是前臺與使用戶交互的問題,包括用交互與數據交互前臺三大塊1、HTML:頁面結構2、CSS:頁面體現:元素大小、顏色、位置、隱藏或者顯示、部分動畫效果3、JavaScript:頁面行為:部分動畫效果、頁面與使用戶的交

一、詳情

JavaScript是運行在瀏覽器端的腳步語言,JavaScript主要處理的是前臺與使用戶交互的問題,包括用交互與數據交互

前臺三大塊

1、HTML:頁面結構

2、CSS:頁面體現:元素大小、顏色、位置、隱藏或者顯示、部分動畫效果

3、JavaScript:頁面行為:部分動畫效果、頁面與使用戶的交互、頁面功可以

二、JavaScript嵌入頁面的方式

1、行間事件(主要使用于事件)

2、頁面script標簽嵌入

3、外部引入

javascript語句與注釋

1、一條javascript語句應該以“;”結尾

2、javascript注釋

三、變量

JavaScript 是一種弱類型語言,javascript的變量類型由它的值來決定。 定義變量需要使用關鍵字 'var'

var a = 123; var b = 'asd'; //同時定義多個變量能使用","隔開,公使用一個‘var’關鍵字 var c = 45,d='qwe',f='68';

變量類型

5種基本數據類型:

number、string、boolean、undefined、null

1種復合類型:

object

變量、函數、屬性、函數參數命名規范

1、區分大小寫

2、第一個字符必需是字母、下劃線(_)或者者美元符號($)

3、其余字符能是字母、下劃線、美元符或者數字

四、獲取元素方法

能用內置對象document上的getElementById方法來獲取頁面上設置了id屬性的元素,獲取到的是一個html對象,而后將它賦值給一個變量,比方:

....

這是一個div元素

上面的語句,假如把javascript寫在元素的上面,就會出錯,由于頁面上從上往下加載執行的,javascript去頁面上獲取元素div1的時候,元素div1還沒有加載,處理方法有兩種:

第一種方法:將javascript放到頁面最下邊

....

這是一個div元素
.... 广东11选5今天开奖

第二種方法:將javascript語句放到window.onload觸發的函數里面,獲取元素的語句會在頁面加載完后才執行,就不會出錯了。

....

這是一個div元素

五、操作元素屬性

獲取的頁面元素,即可以對頁面元素的屬性進行操作,屬性的操作包括屬性的讀和寫。

操作屬性的方法

1、“.” 操作

2、“[ ]”操作

屬性寫法

1、html的屬性和js里面屬性寫法一樣

2、“class” 屬性寫成 “className”

3、“style” 屬性里面的屬性,有橫杠的改成駝峰式,比方:“font-size”,改成”style.fontSize”

通過“.”操作屬性:

......百度一下

通過“[ ]”操作屬性:

......百度一下

innerHTML

innerHTML能讀取或者者寫入標簽包裹的內容

......

這是一個div元素

六、函數

函數就是重復執行的代碼片。

函數定義與執行

變量與函數預解析

JavaScript解析過程分為兩個階段,先是編譯階段,而后執行階段,在編譯階段會將function定義的函數提前,并且將var定義的變量公告提前,將它賦值為undefined。

提取行間事件

在html行間調使用的事件能提取到javascript中調使用,從而做到結構與行為分離。

............

匿名函數

定義的函數能不給名稱,這個叫做匿名函數,能將匿名函數直接賦值給元素綁定的事件來完成匿名函數的調使用。

函數傳參

函數'return'關鍵字

函數中'return'關鍵字的作使用:

1、返回函數執行的結果

2、結束函數的運行

3、阻止默認行為

  • 全部評論(0)
上一篇:js基礎之重溫
下一篇:js基礎之重溫
最新發布的資訊信息
【系統環境|】Java開發人員的就業優勢在哪里?看完你心動了嗎?(2019-09-25 21:31)
【系統環境|】學HTML5開發前景怎么樣?Web前端和Java誰的薪水高?(2019-09-20 16:22)
【系統環境|】web前端開發需要學習哪些技術(2019-09-17 18:00)
【系統環境|】學習web前端開發是正確的選擇(2019-09-15 16:55)
【系統環境|】干貨整理!零基礎html5網站開發學習步驟方法(保存不后悔)(2019-09-10 16:27)
【系統環境|】「前端入門」前端基本概念(2019-09-07 21:36)
【系統環境|】小白入門學習web前端,這些干貨不能少(2019-09-05 20:59)
【系統環境|】不是計算機專業,哪個專業更適合學習web前端(2019-09-03 20:31)
【系統環境|】入行web前端開發可以做什么工作(2019-09-02 20:51)
【系統環境|】什么是Web前端呢?為什么說web前端開發人員的薪資高、前景好呢?(2019-08-31 20:55)
手機二維碼手機訪問領取大禮包
返回頂部