py web學習筆記05 JS

2021-08-27 03:27:10 字數 3607 閱讀 5089

1.js中的語句

1.1while語句和do-while語句

語法:

while語句

初始化表示式;

while(條件表示式)while(條件表示式);

**演示:

1.2簡單for語句和for-in語句

語法:

簡單for語句:

for(表示式1;表示式2;表示式3){

​ 迴圈體

說明:​ a.表示式1:初始化表示式

​ b.表示式2:條件表示式

​ c.表示式3:迴圈之後的操作表示式

​ d.執行順序:1---》2-----》迴圈體----》3---》2---》迴圈體---》3.。。。

​ 初始化表示式只執行一次

​ e.簡單for語句的使用和while的使用完全相同,同樣是四要素,同樣的執行順序

for-in語句

for(變數 in 陣列){

​ 迴圈體

說明:主要用於遍歷陣列,獲取陣列中的元素

**演示:

1.3break和continue

break:

​ 使用場景:switch分支語句和迴圈語句中

​ 作用:結束switch語句和跳出迴圈語句

continue:

​ 使用場景:只能使用在迴圈語句中

**演示:

2.js中的函式

2.1定義

python中的函式定義

def 函式名(形參列表):

​ 函式體

匿名函式:lambda 引數:函式體

js中的函式定義:

方式一:使用function定義

function 函式名(形參列表){

​ 函式體

​ return 值;

方式二:匿名函式【重點掌握】

var 變數 = function(形參列表){

​ 函式體

說明:​ a.可以將匿名函式作為其他函式的引數使用【常用】

​ b.在dom中使用匿名函式最多,可以完成某些一次性的事件

方式三:使用js中的內建物件function【動態函式,很少使用,作為了解】

var 變數 = new function("形參列表",「函式體和返回值」);

js中函式的呼叫

格式:函式名(實參列表);

**演示:

2.1全域性函式

全域性函式不屬於任何乙個物件,直接通過函式名呼叫

**演示:

3.全域性變數和區域性變數

全域性變數:在script標籤中定義 乙個變數,這個變數可在當前頁面中使用

區域性變數:在函式內部定義乙個變數,只能在函式內部使用

**演示:

4.js中的物件

4.1string物件

單引號或者雙引號

字串的建立方式

//方式一

var s1 = "hello";

var s11 = 'hello';

​//方式二

var s2 = new string("hello");

​//方式三

var s3 = string("hello");

**演示:

4.2array物件

建立方式:

var arr1 = [43,54,54];

​var arr2 = new array(3);

​var arr3 = new array(1,2,4);

**演示:

4.3object物件

**演示:

4.4date物件

**演示:

4.5math物件

**演示:

1.bom簡介

瀏覽器物件模型,是乙個用於訪問瀏覽器和計算機螢幕的物件的集合,可以通過window【視窗】物件訪問

在客戶端js中,window物件是乙個全域性物件,在js中,如果某個物件沒有指明具體屬於哪個物件,預設都屬於window

**演示:

2.window的使用

2.1物件

red.html

跳轉到綠頁面

重新整理頁面

載入綠頁面

跳轉到黃色頁面

green.html

跳轉到黃色頁面

yellow.html

回到紅色頁面

2.2函式

open()

close()

**演示:

開啟視窗

關閉視窗

2.3事件

onload:載入事件,當瀏覽器視窗載入完畢之後自動觸發

onscroll:滾動事件,當瀏覽器視窗發生滾動的時候自動觸發

**演示:

回到頂部

3.提示框

**演示:

4.定時器

4.1間歇性定時器

定時器可以被觸發多次

**演示:

關閉定時器

4.2延時性定時器

只能觸發一次

**演示:

前端筆記05 js

常用的html dom屬性和方法getelementbyid 返回對擁有指定 id 的第乙個物件的引用。getelementsbyname 返回帶有指定名稱的物件集合。getelementsbytagname 返回帶有指定標籤名的物件集合。removechild 從元素中移除子節點。element....

05JS 建立物件及Math物件

程式設計思想 面向過程 凡事親力親為,所有的事情的過程都要清楚,注重的是過程 物件導向 提出需求,找到物件,物件解決這個問題,我們要的結果,注重的是結果 物件導向的特性 封裝,繼承,多型 抽象性 什麼是物件?有屬性和方法,具體特指的某個事物 js中的物件是什麼?一組無序的屬性集合 屬性 特徵 方法 ...

JS基礎學習05

1 無參無返回值 常用於 的復用,或是功能 段。2 無參有返回值 函式被呼叫後的返回值與呼叫者無關。function f1 3 有參無返回值 函式設有引數,但是沒有特定的返回值。function sayhi name 4 有參有返回值 js中最多使用的型別 function getmax arr f...