h18月14號第七次課_第1頁
h18月14號第七次課_第2頁
h18月14號第七次課_第3頁
h18月14號第七次課_第4頁
h18月14號第七次課_第5頁
已閱讀5頁，還剩12頁未讀， 繼續(xù)免費(fèi)閱讀

付費(fèi)下載

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

JavascriptJavascriptJavascriptJavascriptJavaScript是一種輕量級的編程語言。JavaScript是可插入HTML頁面的編程代碼。JavaScript插入HTML頁面后，可由所有的現(xiàn)代瀏覽器執(zhí)行。JavaScript很容易學(xué)習(xí)。Javascript用法HTML中的腳本必須位于<script>與</script>標(biāo)簽之間。腳本可被放置在HTML頁面的<body>和<head>部分中。<script>

alert(“Helloworld");

</script>第一種方式直接放入到<head>…..</head>中第二種方式外部引入<scriptsrc="js/aa.js"type="text/javascript"></script>外部引用入后，<script>內(nèi)寫的代碼不會執(zhí)行JavaScript輸出JavaScript沒有任何打印或者輸出的函數(shù)。在HTML中，JavaScript通常用于操作HTML元素。如需從JavaScript訪問某個(gè)HTML元素，您可以使用document.getElementById(id)方法。請使用"id"屬性來標(biāo)識HTML元素，并innerHTML來獲取或插入元素內(nèi)容：<!DOCTYPEhtml>

<html>

<body>

<h1>我的第一個(gè)Web頁面</h1>

<pid="demo">我的第一個(gè)段落</p>

<script>

document.getElementById("demo").innerHTML="段落已修改。";

</script>

</body>

</htmlJavaScript中的變量JavaScript數(shù)據(jù)類型關(guān)鍵字var可以聲明所有類型的變量變量類型字符串類型數(shù)字類型對象類型vara=6;varb="666“varc=document.getElementById("aa"）;JavaScript中的變量<script> vara=6; varb=a<6; alert(b);</script>JavaScript布爾布爾（邏輯）只能有兩個(gè)值：true或false。varx=true;

vary=false;JavaScript中的注釋JavaScript注釋JavaScript不會執(zhí)行注釋。我們可以添加注釋來對JavaScript進(jìn)行解釋，或者提高代碼的可讀性。單行注釋以//開頭。本例用單行注釋來解釋代碼：<script>//聲明變量a vara=6;//將判斷的值賦于變量b varb=a<6; alert(b);</script>JavaScript中的函數(shù)JavaScript函數(shù)語法函數(shù)就是包裹在花括號中的代碼塊，前面使用了關(guān)鍵詞function：functionfunctionname()

{

執(zhí)行代碼

}JavaScript中的函數(shù)調(diào)用帶參數(shù)的函數(shù)在調(diào)用函數(shù)時(shí)，您可以向其傳遞值，這些值被稱為參數(shù)。這些參數(shù)可以在函數(shù)中使用。您可以發(fā)送任意多的參數(shù)，由逗號(,)分隔：myFunction(argument1,argument2)當(dāng)您聲明函數(shù)時(shí)，請把參數(shù)作為變量來聲明：functionmyFunction(var1,var2)

{

代碼

}<script>functionaa(a,b){ varc=a+b; alert(c); } aa(3,4) ;</script>JavaScript中的函數(shù)帶有返回值的函數(shù)有時(shí)，我們會希望函數(shù)將值返回調(diào)用它的地方。通過使用return語句就可以實(shí)現(xiàn)。在使用return語句時(shí)，函數(shù)會停止執(zhí)行，并返回指定的值。functionmyFunction()

{

varx=5;

returnx;

}函數(shù)調(diào)用將被返回值取代：varmyVar=myFunction();JavaScript中的函數(shù)帶有返回值的函數(shù)有時(shí)，我們會希望函數(shù)將值返回調(diào)用它的地方。通過使用return語句就可以實(shí)現(xiàn)。在使用return語句時(shí)，函數(shù)會停止執(zhí)行，并返回指定的值。functionmyFunction()

{

varx=5;

returnx;

}函數(shù)調(diào)用將被返回值取代：varmyVar=myFunction();JavaScript中的事件HTML事件HTML事件可以是瀏覽器行為，也可以是用戶行為。以下是HTML事件的實(shí)例：HTML頁面完成加載HTMLinput字段改變時(shí)HTML按鈕被點(diǎn)擊通常，當(dāng)事件發(fā)生時(shí)，你可以做些事情。在事件觸發(fā)時(shí)JavaScript可以執(zhí)行一些代碼。HTML元素中可以添加事件屬性，使用JavaScript代碼來添加HTML元素。示例<buttononclick="displayDate()">Thetimeis?</button>JavaScript案例1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>無標(biāo)題文檔</title><script>functioncheck(){ varuser=document.getElementById("user").value; varpassword=document.getElementById("password").value; if(user==""){ alert("請輸入用戶名"); } if(password==""){ alert("請輸入密碼"); }

}</script></head><body> user：<inputtype="text"name="user"id="user"value=""/>passowrd:<inputtype="text"name="password"id="password"value=""/><inputtype="button"value="提交"onclick="check();"/></body></html>JavaScript案例2<head><script>functioncheck(){ varuser=document.getElementById("user").value; varpassword=document.getElementById("password").value; if(user==""){ alert("請輸入用戶名"); returnfalse } if(password==""){ alert("請輸入密碼"); returnfalse } returntrue;

}</script></head><body><formaction="tiao.html"method="post"onsubmit="returncheck();"> user：<i

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論