javascript
js操作完的数值赋回html元素,JS的学习
JavaScript是什么?
JS是一種小型的、輕量級的、面向?qū)ο蟮?、跨平臺的客戶端腳本語言。
JS是嵌入到瀏覽器軟件當(dāng)中去的,有瀏覽器就可以執(zhí)行JS程序了。
JS是一種面向?qū)ο蟮某绦蛘Z言。
在程序中,對象是由“屬性”和“方法”構(gòu)成。
在現(xiàn)實中,男女朋友就是一個“對象”?!皷|西”就是“對象”。一個“物體”就是“對象”。
“對象”有各種各樣的特征(屬性),如:身高,體重,年齡,姓名,學(xué)歷等。
“對象”有很多方法。“人”這個對象,可以做很多
注意:JS中的對象只要會用就可以的,不需要我們自己去開發(fā)對象
跨平臺:JS程序可以在多種平臺下運行,如:widows、linux、mac、IOS等。
客戶端腳本程序:JS只能在客戶端的瀏覽器運行,不能在服務(wù)器端(阿帕奇)來運行。
瀏覽器是一種翻譯器,可以翻譯三種代碼:html、CSS、JS。不需要服務(wù)器,因為本來就是客戶端的。
。
。
JavaScript的應(yīng)用
表單驗證:是JS最基本的功能。
動態(tài)HTML:可以實現(xiàn)一些動態(tài)的、重復(fù)的效果。
交互試:人機交互,通過鍵盤和鼠標(biāo),在網(wǎng)頁中的元素進行交互。
。
標(biāo)記
常用的兩個客戶端輸出方法
(1)document.write(str內(nèi)容)
描述:在網(wǎng)頁的
標(biāo)記,輸出str的內(nèi)容。Document意思“文檔”,就是整個網(wǎng)頁。
Document是一個文檔對象,代表整個網(wǎng)頁
write是document對象的一個輸出方法。
“.”小數(shù)點:通過小數(shù)點來調(diào)用對象的方法。
str:表示要輸出的內(nèi)容。
(2)window.alter(str內(nèi)容)
描述:在當(dāng)前窗口中彈出一個警告對話框,str為對話框中顯示的內(nèi)容。
window代表當(dāng)前瀏覽器窗口,window是一個窗口的對象。
alter()方法:彈出一個對話框。
str:顯示要輸出的內(nèi)容。
Paste_Image.png
.
JS中的注釋
HTML的注釋:
CSS注釋:/注釋內(nèi)容/
JS的注釋:// 或 /* 多行注釋*/
JS變量
1、變量的概念
變量是變化的一個量。
變量可以看成是一個“未知數(shù)”。
變量可以看成是賓館的“房間號”。
變量可以看成是賓館的“房間號”。
變量一般指程序數(shù)據(jù)。
變量是臨時存在的數(shù)據(jù)。我們可以把計算機內(nèi)存看成是一個個的小格子。每個小格子中可以存儲一個變量的名稱和變量的值。
2、變量的聲明
相當(dāng)于預(yù)定賓館的“房間”。
語法格式:var 變量名=變量的值
變量聲明是使用系統(tǒng)關(guān)鍵字var來進行的
舉例:var name;//聲明變量
var,name,sex,edu;//同時聲明用對個變量,多個變量間用英文下的逗號 隔開。
var name="張三";//一邊聲明,一遍賦值。
3、變量的命名規(guī)則
變量的名可以包含字母、數(shù)字、下劃線。
變量名不能以數(shù)字開頭,可以以字母和下劃線開頭。如 var _name;
變量名不能是系統(tǒng)關(guān)鍵字。如:var,swith,for,try,case,else,while等。
JS中變量名是區(qū)分大小寫的。如name和Name是兩個變量。
JS中變量的名稱一定要有意義。
如果變量名有多個單詞構(gòu)成的話,
“駝峰式命名”:第一個單子小寫,后面每個單詞首字母大寫。如getUserName:獲取用戶名。
“下劃線式命名”:所有單詞全小寫,中間用下劃線鏈接線鏈接。如:get_user_name
4、給變量賦值
給變量賦值,就是往“空間”中裝東西。
使用賦值號“=”來給變量賦值。
語法:var 變量名=變量名
舉例:var name="張三";
“=”的意義:將“=”右邊的“運算結(jié)果”賦給左邊的變量名。
應(yīng)該是“=”右邊先運算,再把運算的結(jié)果,賦給左邊的變量
“=”左邊只能是一個變量名,而不能是“運算表達式”。說白了等號左邊就是一個容器,至于容器里面裝什么是等號右邊的事情
例如
![Upload Paste_Image.png failed. Please try again.]
.
.
.
.
JS的運算符
1、算術(shù)運算符:加減乘除
運算時,只能進行同類型運算。如果類型不同,將進行類型轉(zhuǎn)換。
2、賦值運算符:=、+=
將等號右邊的運算結(jié)果,賦給左邊的變量。
+=:先加后等
。
寫程序的一般步驟
(1)變量的初始化:變量聲明,變量賦值
(2)程序的運行過程
(3)輸出結(jié)果
.
Paste_Image.png
。
JS程序的基本語法
JS是區(qū)分大小寫的
JS中每一條語句,一般以英文下的分號(;)結(jié)束。這個分號不是必須的,為了向PHP兼容,最好加上分號。
運算符和變量,以及操作之間可以使用空格分開,這樣的程序比較容易閱讀。
var a=100;varna=10;是一樣的。
.
變量的數(shù)據(jù)類型
變量是有類型的,這個類型來源于“變量的值”,值是什么類型,變量就是什么類型。
JS變量的類型有:數(shù)值型、字符型、布爾型、未定義型、空型underfined,null,array,object,function
1、數(shù)值型:可以進行算術(shù)運算的(加減乘除)
數(shù)值型包括:整型(整數(shù))和浮點型(小數(shù))
Paste_Image.png
2、字符型:用單引號或雙引號,引起來的一串字符。
注意:單引號和雙引號可以相互嵌套
單引號內(nèi)只能嵌套雙引號
雙引號內(nèi)只能嵌套單引號
如下例:雙引號內(nèi)嵌套單引號,為了是名字加單引號。
注意:如果想在雙引號內(nèi)在嵌套雙引號,里面的雙引號一定要進行轉(zhuǎn)義(\ ")
JS中轉(zhuǎn)義字符是反斜杠(\)
常用的轉(zhuǎn)義字符有:' " \ \r \n等
也就是說,當(dāng)瀏覽器遇到反斜杠時,將會對其后的一個字符進行特殊對待,當(dāng)成普通字符來對待。所謂普通字符就是平常的a,b,c,d字母字符。
Paste_Image.png
3、布爾型
又稱邏輯型。只有兩個值:true、false(假)
布爾型只有兩個狀態(tài)。如性別
var a=true;
var b=false;
布爾型常用if條件判斷語句中
if條件判斷
1、語法結(jié)構(gòu)--只判斷true,不判斷flase
if(條件判斷:結(jié)果只有true或false)
{
條件為true,將執(zhí)行該代碼;
}
2、語法結(jié)構(gòu)--既判斷true,又判斷flase
if(條件判斷:結(jié)果只有true或false)
{
條件為true,將執(zhí)行該代碼;
}
else
if(條件判斷:結(jié)果只有true或false)
{
條件為false,將執(zhí)行該代碼;
}
如果條件為true,則執(zhí)行第一個大括號{}中的代碼。
如果條件為flase,則執(zhí)行第二個大括號{}中的代碼。
4、未定義型(用的很少)
當(dāng)一個變量定義,但未賦值時,將返回未定義型,未定義型的值只有一個undefined。
當(dāng)一個對象屬性不存在,也返回未定義型。
Paste_Image.png
5、空型(用的很少)
當(dāng)一個對象不存在時,將返回空型的值null.
也可以理解為:是一個對象的占位符
如果你想清除一個變量的值的話,可以賦一個null的值。
var a=null,//將一個null賦給一個變量,用于清除他的值
變量的類型轉(zhuǎn)換
判斷變量的數(shù)據(jù)依據(jù):typeof()
使用一元運算符typeof(),可以測試一個變量的類型。
typeof()測試的結(jié)果是一個類型字符串。
typeof()的結(jié)果字符串有幾種情況:"string" "number" "boolean" "undedined" "object" "function"
另外:null、對象、數(shù)組這三種類型,都將返回"object"
備注:只有這五個是假,其它都為真
。
函數(shù)和方法的區(qū)別
Boolean(a) //函數(shù)是可以獨立使用的
document.write(a) //方法不能獨立使用,方法是必須要屬于哪一個對象。
Paste_Image.png
注意事項:a+true中true會自動轉(zhuǎn)換成字符串"true","+"左右只要有一個字符串,那么另外一個一定得轉(zhuǎn)成字符串,才能運算。“”乘號左右兩邊有一個數(shù)值型,則另外一個一定要轉(zhuǎn)換成數(shù)值型。
var a="";
var b=a+true;//相當(dāng)于b=a+true="true"*
.
.
Paste_Image.png
Paste_Image.png
。
從字符串中提取整數(shù)浮點數(shù)函數(shù)
(1)parseInt()系統(tǒng)函數(shù)、全局函數(shù)
功能:在一個字符串中,從左往右提取整型。如果遇到非整型的內(nèi)容,則停止提取,并返回結(jié)果。
注意:如果第一個字符就是非整數(shù),則立即停止,并返回NaN
如:parselnt("120px")=120
parselnt("120.98")=120
parselnt("a 120px")=NaN
parselnt(".98")=NaN
例子:
Paste_Image.png
(2)parsefFloat()系統(tǒng)函數(shù),全局函數(shù)
功能:在一個字符串中,從左往右提取浮點型,遇到非浮點型內(nèi)容,則停止提取,并返回結(jié)果。
注意:如果第一個字符為非浮點型,則立即停止,并返回NaN.
parseFloat("120px")=120
parseFloat("120.98")=120.98
parseFloat(".98")=0.98
parseFloat("a.98")=NaN
注意:JS中的浮點型是包括整數(shù)和小數(shù)點的,也就是說用parseFloat()函數(shù)時,整數(shù)也一樣的當(dāng)做f浮點型,不會停止變成NaN,所以parseFloat比parseInt大一級。只要是數(shù)值都可以提取,而parseInt只能提取整數(shù)。
‘
’
* JS運算符
1、算術(shù)運算符
加減乘除(+,-,*,/),%,++,--
取余運算符(%),兩個數(shù)相除,取余數(shù)
。
2、賦值運算符:=、+=、-=、*=、/=
。
注意:第三和第四的比較
.
Paste_Image.png
Paste_Image.png
作業(yè)
Paste_Image.png
。
。
。
if條件判斷語句:條件成立,執(zhí)行什么代碼;條件不成立,執(zhí)行什么代碼。
結(jié)構(gòu)一:只判斷真(true),條件為假,什么也不做。
Paste_Image.png
例子:
switch分支語句
描述:根據(jù)一個變量的不同取值,來執(zhí)行不同的代碼。
語法結(jié)構(gòu):
Paste_Image.png
。
。
while循環(huán):只要條件成立,就重復(fù)不斷的執(zhí)行循環(huán)體代碼。如果條件為假,則退出循壞。
while(條件判斷)
{
如果條件為true,則執(zhí)行循環(huán)體代碼
}
while循環(huán)結(jié)構(gòu)說明:
在循環(huán)開始前,必須要對變量初始化(聲明變量,給變量給個初始值)
如果while的條件為真,則會重復(fù)不斷的執(zhí)行循環(huán)體中({})的代碼。
在循環(huán)體中,必須要有“變量更新”的語句,換句話說:兩次循環(huán)的變量的值不能一樣,如果一樣,會造成死循環(huán)。
結(jié)果:
結(jié)果:
Paste_Image.png
。
結(jié)果:
實例:隔行變色
注意:
Paste_Image.png以上代表的是循環(huán)體,
的變化放在if條件判斷中for循環(huán)
求0-100的偶數(shù),與while一樣
。
注意:" "表示變量i的值有空格排列。
。
break語句:
continue語句:
例子:做九九乘法表
第一步:
第二步:({}中代表的是循環(huán)體,循環(huán)體在哪里,for循環(huán)就在哪里)
第二步結(jié)果:
第三步(循環(huán)套循環(huán)):
第三步結(jié)果:
第四步(j<=i)
第五步(×是代表的"乘號"):
第五步結(jié)果:
。
。
數(shù)組:
注意:數(shù)組和循環(huán)一起用的,一般不單獨用。
;
創(chuàng)建數(shù)組
。
。
數(shù)組的操作:
。
。
。
1、函數(shù)的概念:
函數(shù),是將一段公共的代碼進行封裝,給它起個名字叫“函數(shù)?!?/p>
函數(shù)可以一次定義,多次調(diào)用。
函數(shù),可以將常用的功能代碼,進行封裝。如:表單中用戶名的驗證、驗證碼函數(shù)、郵箱的驗證。
2、函數(shù)的定義格式:
3、函數(shù)的調(diào)用
函數(shù)定義是沒用的,需要調(diào)用才有用。
函數(shù)的調(diào)用:直接寫函數(shù)名,如果有參數(shù)加參數(shù),沒有不用寫。小括號必須寫。
注意:先執(zhí)行調(diào)用函數(shù)那行,再執(zhí)行括號里面的,網(wǎng)上定義。定義和調(diào)用函數(shù)不分順序
4、函數(shù)的參數(shù)
注意:1、形參是變量,實參是實際數(shù)量
2、函數(shù)可以一次定義多次調(diào)用
5、求兩個整數(shù)的最大值
此時return被屏蔽了,則值無法傳送到函數(shù)外,docnment數(shù)出的值為undefind
例子:return的運用
。
。
全局變量和局部變量
全局變量:可以在網(wǎng)頁的任何地方(函數(shù)內(nèi)部和函數(shù)外部)使用的變量,就是“全局變量”。
在函數(shù)外部定義的變量,就是“全局變量”。
“全局變量”既可以在函數(shù)外使用,也可以在函數(shù)內(nèi)部使用。
“全局變量”在網(wǎng)頁關(guān)閉時,自動消失(釋放空間)。
局部變量:只能在函數(shù)內(nèi)部使用的變量稱為局部變量。
“局部變量”在函數(shù)內(nèi)部定義,在函數(shù)內(nèi)部使用。
“局部變量”在函數(shù)外部無法訪問。
“局部變量”在函數(shù)執(zhí)行完畢就消失了。
注意:在函數(shù)內(nèi)部,省略關(guān)鍵字var定義的變量是“全局變量”,var關(guān)鍵字盡量不要省略,省略后全局變量和局部變量會混淆
注意:通過這四個比較記住兩點;1、age是全局變量還是局部變量。2、第二句輸出是在調(diào)用函數(shù)前還是后,是前則age沒值,因為還沒運行大括號內(nèi)的函數(shù),所以不知道age的值。是后則有值。
執(zhí)行順序:
先執(zhí)行函數(shù),所以先出李四。
‘
‘
拷貝傳值和引用傳值
Paste_Image.png
‘
’
二維數(shù)組(二維數(shù)組和表格比較像)
用的非常多,二維數(shù)組就得用兩層循環(huán)來實現(xiàn),也就是循環(huán)套循環(huán)
二維數(shù)組的循環(huán)與二維表格的循環(huán)一模一樣
二維數(shù)組的訪問:數(shù)組名后跟多個 連續(xù)的中括號【】,第1個中括號代表第一維數(shù)組,第二個中括號代表第二維數(shù)組
。
。
對象
1、對象的概念
Paste_Image.png
自定義對象(shownfo是指顯示信息,方法)
1、使用new關(guān)鍵字結(jié)合構(gòu)建函數(shù)Object()來創(chuàng)建一個空對象。
2、使用大括號{}來創(chuàng)建對象
。
。
JS內(nèi)置對象
提取對象的方法格式都是:{對象(如String,Array).方法}
string(字符串)對象(共六個方法)的方法1::charAt(index)(在原字符串提取一個下標(biāo))
注意:index索引號也就是下標(biāo)號。
Paste_Image.png
方法2:indexOf() (在原字符串中查找某一字符串,從左往右查,strObj.indexOf(@)=一個數(shù)字,即多少個索引值)
表單驗證@中有用,查找順序是從左往右查找。
。
方法3:lastindexOf() (在原字符串中查找某一子字符串,右找起)
方法4:substr() (在原字符串中提取一子字符串)
例子
方法5:substring() 在一字符串中提取一子字符串
方法6:split() 將字符串轉(zhuǎn)換成數(shù)組
()括號內(nèi)的分隔號是指字符串里面的分隔號,如果中間沒有分隔號,則是空格號,如"beijingsh"轉(zhuǎn)換成數(shù)組,"beijingsh".split("")=["a","b","c","d"]下面即看到逗號就分割。
注意:第12行得出的星期值是阿拉伯?dāng)?shù)字,所以要創(chuàng)建一個數(shù)組arr[week]就是數(shù)組第幾個
例子:
利用空字符串來做分割
。
。
。
Array(數(shù)組 )對象:一個數(shù)組變量,就是一個數(shù)組對象。
length屬性:動態(tài)獲取數(shù)組長度。如:var len=arrObj.length
join() 數(shù)組轉(zhuǎn)換成字符串
功能:將一個數(shù)組轉(zhuǎn)換成字符串。
語法:arr.Obj.join(連接號)
說明:將一個數(shù)組,用指定的"連接號"連接成一個字符串。
reverse()
功能:將數(shù)組中各元素顛倒順序
語法:arrObj.reverse()
參數(shù):無
.
.
數(shù)組元素的刪除和添加
delete運算符,只能刪除數(shù)組元素的值,而所占空間還在,總長度沒變(arr.length)
以前數(shù)組元素的添加,只能向后添加,不能向前添加。
表明:delect只能往后添加,若添加arr[1]=15,則15把數(shù)組中的‘男’替換了
數(shù)組元素的刪除:
shift():刪除數(shù)組中的第一個元素,返回刪除的那個值,并將長度減1
pop():刪除數(shù)組的最后一個元素,返回刪除的那個值,并將長度減1
結(jié)果
數(shù)組元素的添加:
unshift():往數(shù)組前面添加一個或多個數(shù)組元素,長度改變。arrObj.unshift("a","b","c")
push():往數(shù)組結(jié)尾加一個或者多個數(shù)組元素,長度改變。arrObj.push("a","b","c")
.
.
.
Date對象:日期對象
Date對象和string對象不一樣:
string對象:定義了一個字符串,其實就是一個string獨享,就可以直接調(diào)用屬性和方法。
()或者 new String() ,,,,,,new Array()或者[]
Date對象:必須使用new關(guān)鍵字來創(chuàng)建對象。否則無法調(diào)用Date對象的屬性和方法。
創(chuàng)建Date對象的方法
(1)創(chuàng)建當(dāng)前(現(xiàn)在)日期對象的實例,不帶任何參數(shù)。
(2)創(chuàng)建指定時間戳的日期對象實例,參數(shù)是時間戳。
時間戳:是指某一個時間距離1970年1月1日0時0分0秒,過去了多少毫秒(1秒等于1000毫秒)。
var timer=new Date(10000)...1970年1月1日0時0分10秒
(3)指定一個字符串的日期時間信息,參數(shù)是一個日期時間字符串
var timer=new Date(2015/5/25 10:00:00);
(4)指定多個數(shù)值參數(shù)
var timer=new Date(2015,4,25,10,20,0)//順序是:年月日時分秒(年月日必須寫)
![Uploading Paste_Image_218993.png . . .]
如果是1970年前生的,沒有負值,直接也是正數(shù)
例子:
結(jié)果:
。
。
。
Math數(shù)學(xué)對象
math對象是一個靜態(tài)對象,換句話說,在使用Math對象,不需要創(chuàng)建實例
實例:隨機網(wǎng)頁背景色
script放在body后面
。
。
。
Number數(shù)值對象
一個數(shù)值對象,就是一個數(shù)值對象(Number對象)
toFixed()
功能:將一個數(shù)值轉(zhuǎn)換成字符串,進行四舍五入,保留指定位數(shù)的小數(shù)。
語法:numObj.toFixed(n)
參數(shù):n就是要保留的小數(shù)位
舉例:
var a=123.9878
a=a.toFixed(2);//a="123.99"(先轉(zhuǎn)換字符串)
實例:
作業(yè):
1、
2、
3、
。
。
。
。
BOM和DOM簡介(最重要的是定時器和延時器,其它了解)
BOM,browser object modle,瀏覽器對象模型
BOM主要提供了訪問和操作瀏覽器各組件的方式
瀏覽器組件:window(瀏覽器窗口)、location(地址欄)、history(瀏覽歷史)、screen(顯示器屏幕)、navigator(瀏覽器軟件)
各對象之間是有層級關(guān)系的,那么個對象之間如何訪問呢?
window.document.write("ok")
window.document.body.bgColor="#FF0000"
window對象是所有其它對象的最頂層對象,因此,可以省略
.
.
window對象的屬性
1、name:指瀏覽器窗口的名字或框架的名字。這個名字是給標(biāo)記的target屬性用。
*設(shè)置窗口的名字:window.name="newWin"
*獲取窗口的名字:documentwrite(name)
2、top:代表最頂層窗口。如:window.top
3、parent:代表父級窗口
4、self:代表當(dāng)前窗口
5、innerWidth:指瀏覽器窗口的內(nèi)寬(不含菜單欄、工具欄、地址欄、狀態(tài)欄),該屬性火狐支持,IE不支持。
* 在IE下,使用document.documentElement.clientWidth來代替window.innerWidth。
6、innerHeight:指瀏覽器窗口的內(nèi)高(不含菜單欄、工具欄、地址欄、狀態(tài)欄),該屬性火狐支持,IE不支持
在IE下,使用document.documentElement.clientHeight來代替window.innerHeigth。
document.documentElement就是標(biāo)記對象
document.body 就是
標(biāo)記對象。
。
。
window對象方法
open()方法
功能:打開一個新的瀏覽器窗口。
語法:var winObj=window.open(url,name,options);
onload事件:當(dāng)網(wǎng)頁加載完成,指
標(biāo)記的所有內(nèi)容全部加載完成,才觸發(fā)該事件(條件)。通過onload事件屬性,去調(diào)用JS的函數(shù)。onload屬性只有body標(biāo)記才有。在JS程序開始寫window.οnlοad=init和在
是一樣的,init是有名函數(shù),所以不能加括號,如果是匿名函數(shù),則要加括號,如匿名函數(shù)window.οnlοad=fuction(){},用匿名函數(shù)可以少寫一行。onclick事件,當(dāng)單擊時,去調(diào)用JS代碼,所有html標(biāo)記都有該事件。寫在
中的某一標(biāo)記中。。
。
。
延時器方法——setTimeout()
實例:計時器
此段程序執(zhí)行順序:單擊開始按鈕,onclick事件觸發(fā),調(diào)用start2()函數(shù),然后去JS中找start2()函數(shù)。然后執(zhí)行函數(shù)內(nèi)的功能
定時器方法----setInterval()
實例:圖片執(zhí)行自動變換
。
。
。
DOM對象
screen屏幕對象
navigator瀏覽器對象
。
location地址欄對象
。
history歷史記錄對象
。
。
。
.
HTML節(jié)點樹
節(jié)點與節(jié)點的關(guān)系
DOM中節(jié)點類型
核心DOM中公共的屬性和方法
提示:核心DOM中查找節(jié)點(標(biāo)記),都是從根節(jié)點(html節(jié)點)開始的。
1、節(jié)點訪問
2、對節(jié)點屬性操作
3、節(jié)點的創(chuàng)建注意:節(jié)點就是標(biāo)記。
實例:隨機顯示小星星
。
。
HTML DOM簡介和新特性
HTML DOM訪問HTML元素的方法(最常用)
元素對象屬性
#######例子:
程序效果
元素對象屬性
實例:書訊快遞
.
CSS DOM動態(tài)樣式
使用JS來操作CSS中的各種屬性
JS只能操作及修改行內(nèi)樣式:imgObj.style.border="1px solide red"(行類樣式一般是那種一個屬性只能加一個值的)
對于類樣式,通過className來賦值:imgObj.className="imgClass"(類的里面有好多個)
style對象
style對象屬性與CSS屬性的轉(zhuǎn)換
。
。
/1、Event事件
2、常用事件
3、事件句柄屬性
。
。
Event對象簡介
DOM中的Event對象
1、DOM中引入Event對象(DOM瀏覽器就是標(biāo)準(zhǔn)瀏覽器)
![Upload Paste_Image.png failed. Please try again.]
2、DOM中Event對象屬性
IE中的Event對象
實例:點出滿天星星
Paste_Image.png
當(dāng)當(dāng)我的購物車
6和7是CSS的引入,8是JS的引入
選項卡實例
![Uploading Paste_Image_464119.png . . .]
歷史篇
。
。
Form對象
表單提交和驗證方法總結(jié)
1、使用submit按鈕,結(jié)合onsubmit事件來實現(xiàn) (最常用)
onsubmit是form的屬性,不能給input標(biāo)記用,input用onclick
需要阻止就返回假,不需要阻止就不需要返回
2、submit按鈕,結(jié)合onclick事件,實現(xiàn)表單的驗證和提交
3、buttom按鈕(普通按鈕),結(jié)合submit方法,
普通按鈕的默認功能無任何功能,所以return布爾值給他沒用,不要要return任何值給他
。
。
input對象
表單驗證案例:
![Upload Paste_Image.png failed. Please try again.]
![Upload Paste_Image.png failed. Please try again.]
![Upload Paste_Image.png failed. Please try again.]
程序效果
二級聯(lián)動菜單
slect對象屬性
option對象
綜合案例:二級聯(lián)動菜單
。
。
HTML5
總結(jié)
以上是生活随笔為你收集整理的js操作完的数值赋回html元素,JS的学习的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微型计算机的分类有,微型计算机的分类
- 下一篇: springboot生成包含特定数字_面