《JavaScript編程基礎(chǔ)》由會(huì)員分享,可在線閱讀,更多相關(guān)《JavaScript編程基礎(chǔ)(22頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、信息學(xué)院 周寶剛,第一講 JavaScript編程基礎(chǔ),,信息學(xué)院 周寶剛,課程內(nèi)容,JAVASCRIPT 簡介,,,,,JAVASCRIPT編程基礎(chǔ),,函數(shù),文檔對(duì)象模型與事件驅(qū)動(dòng),,對(duì)象編程,,流程控制,信息學(xué)院 周寶剛,JAVASCRIPT 簡介,什么是JavaScript JavaScript是Web上的一種功能強(qiáng)大的編程語言,用于開發(fā)交互式的Web頁面。 JavaScript的前身叫做LiveScript JavaScript 的基本特點(diǎn) JavaScript是腳本編程語言: JavaScript是基于對(duì)象的語言 安全性 跨平臺(tái)性,信息學(xué)院 周寶剛,JAVASCRIPT 簡介
2、,在HTML中嵌入JavaScript 通過標(biāo)記引入JavaScript代碼。 Language屬性指定腳本類型,如VBScript、JavaScript 鏈接JavaScript文件 鏈接方式:使用標(biāo)記的SRC屬性指定*.js的URL。,信息學(xué)院 周寶剛,JAVASCRIPT 簡介,客戶端應(yīng)用 服務(wù)器端應(yīng)用,信息學(xué)院 周寶剛,JAVASCRIPT編程基礎(chǔ),常量 JavaScript有三種基本類型的常量:數(shù)值型、字符串型和布爾型。 空值型 空值就是null,定義空的或不存在的引用。它不等同于空串或0。 未定義值 未定義值就是undefined,表示變量還沒有賦值。 變量 所謂變量,就
3、是程序中一個(gè)已命名的存儲(chǔ)單元。 使用var聲明變量 JavaScript變量的類型是動(dòng)態(tài)的,信息學(xué)院 周寶剛,JAVASCRIPT編程基礎(chǔ),算術(shù)運(yùn)算符 (+,-,*,/,%,++,-- ) 比較運(yùn)算符 (,=,==,!=) 邏輯運(yùn)算符 ( confirm() var visited,show_text; visited = confirm(“您來過西湖嗎?); show_text = visited?“您也認(rèn)為西湖很美吧!:歡迎您有機(jī)會(huì)來中大參觀!; document.write(show_text); prompt() name=prompt(請(qǐng)輸入您的姓名:,);,信息學(xué)院
4、周寶剛,流程控制,if 語句 (ifelse 語句 ) switch 語句 switch()case 常數(shù)表達(dá)式1:語句1;break;case 常數(shù)表達(dá)式2:語句2; break;case 常數(shù)表達(dá)式n:語句n; break;default: 語句n+1; break;,信息學(xué)院 周寶剛,流程控制,for 語句 for(初值表達(dá)式;循環(huán)判定式;更新表達(dá)式) 循環(huán)體語句 while 語句 while(循環(huán)判定式) 循環(huán)體語句 do while 語句 do 循環(huán)體語句 while(循環(huán)判定式);,信息學(xué)院 周寶剛,函數(shù),eval()函數(shù) 計(jì)算字符串表達(dá)式的值,如:x =eval(123
5、*321/9) escape()、unescape()函數(shù) escape()將字符串中的非字母數(shù)字字符轉(zhuǎn)換為按格式%XX表示的數(shù)字。如: var str=Tom 結(jié)果為“Tom 由于window對(duì)象是默認(rèn)的最上層對(duì)象,因此引用它的子對(duì)象時(shí),可以不使用window: document.write(Hello); 當(dāng)引用較低層次的對(duì)象時(shí),要根據(jù)對(duì)象的包含關(guān)系,一層一層地引用對(duì)象。如: document.form1.yourname,信息學(xué)院 周寶剛,文檔對(duì)象模型與事件驅(qū)動(dòng),引用文檔對(duì)象模型中的對(duì)象 所有下層對(duì)象都是其上層對(duì)象的子對(duì)象。而子對(duì)象其實(shí)就是父對(duì)象的屬性,所以引用子對(duì)象的方式,與引用對(duì)象
6、的一般屬性是相同的。如: window.document.write(Hello); 由于window對(duì)象是默認(rèn)的最上層對(duì)象,因此引用它的子對(duì)象時(shí),可以不使用window: document.write(Hello); 當(dāng)引用較低層次的對(duì)象時(shí),要根據(jù)對(duì)象的包含關(guān)系,一層一層地引用對(duì)象。如: document.form1.yourname,信息學(xué)院 周寶剛,使用瀏覽器對(duì)象,窗口(Window)對(duì)象 對(duì)于window對(duì)象的使用,主要集中在窗口的打開和關(guān)閉、窗口狀態(tài)的設(shè)置、定時(shí)執(zhí)行程序以及各種對(duì)話框的使用等四個(gè)方面 Open,close, setInterval, location.href,信息
7、學(xué)院 周寶剛,使用瀏覽器對(duì)象,文檔(document)對(duì)象 document.write(當(dāng)前文檔的標(biāo)題:+document.title+); document.write(當(dāng)前文檔的URL:+document.URL+); document.write(當(dāng)前文檔的背景色:+document.bgColor+); document.write(當(dāng)前文檔的最后修改日期:+document.lastModified+); document.write(當(dāng)前文檔包含+document.links.length+個(gè)超鏈接); document.write(當(dāng)前文檔包含+document.images
8、.length+個(gè)圖像);,信息學(xué)院 周寶剛,使用瀏覽器對(duì)象,for(i=0;i0) document.write(,); document.write(cell.tagName); ,信息學(xué)院 周寶剛,使用瀏覽器對(duì)象,for(i=0;i0) document.write(,); document.write(cell.tagName); ,信息學(xué)院 周寶剛,使用瀏覽器對(duì)象,表單(form)對(duì)象 form對(duì)象的屬性、方法和事件 var myform,element,i; myform = document.myform; document.write(表單中有+myform.length+個(gè)元素:); for (i=0;i0) document.write(,); document.write(element.name); ,信息學(xué)院 周寶剛,使用瀏覽器對(duì)象,表單(form)對(duì)象 form對(duì)象的屬性、方法和事件 var myform,element,i; myform = document.myform; document.write(表單中有+myform.length+個(gè)元素:); for (i=0;i0) document.write(,); document.write(element.name); ,