HTML學習筆記(五)

JavaScript腳本基礎(chǔ)
利用JS制作網(wǎng)頁特效
個人博客網(wǎng)站布局
企業(yè)網(wǎng)站設(shè)計

JavaScript腳本基礎(chǔ)

  • JavaScript僅僅是一種嵌入到HTML文件中的描述性語言,它并不編譯產(chǎn)生機器代碼,只是由瀏覽器的解釋器將其動態(tài)的處理成可執(zhí)行代碼。
  • JS是一種解釋性型的、基于對象的腳本語言,是一種比較寬松類型的語言。寬松類型意味著不必顯示定義變量的數(shù)據(jù)類型亥曹。
  • JS語言的特點如下
    (1)JS是一種腳本編寫語言,采用小程序段的方式實現(xiàn)變成恨诱,開發(fā)過程簡單
    (2)JS是一種基于對象的語言媳瞪,它能運用已經(jīng)創(chuàng)建的對象
    (3)JS是一種基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計語言,比較簡單照宝,其次它的變量類型采用弱類型蛇受,并未使用嚴格的數(shù)據(jù)類型
    (4)JS是動態(tài)的,可以直接對用戶的輸入作出響應厕鹃,無需經(jīng)過Web服務程序
    (5)JS是一種安全性語言兢仰,它不允許訪問本地硬盤,并且不能將數(shù)據(jù)存入服務器剂碴,不允許對網(wǎng)絡(luò)文檔進行修改和刪除把将,只能通過瀏覽器實現(xiàn)信息瀏覽和或互動交互,從而有效的防止數(shù)據(jù)的丟失
    (6)JS具有跨平臺性忆矛。它依賴于瀏覽器本身察蹲,與操作環(huán)境無關(guān)。
  • JS的事件。JS是基于對象的語言洽议,而基于對象的基本特征宗收,就是采用事件驅(qū)動。通常鼠標或鍵盤的動作稱之為事件亚兄,由鼠標和鍵盤引發(fā)的一連串程序的動作镜雨,稱之為事件驅(qū)動。而對事件進行處理的程序或函數(shù)儿捧,則稱之為事件處理程序
  • onClick事件--當用戶點擊鼠標時,產(chǎn)生onClick事件挑宠,同時onClick指定的事件處理程序或代碼將被調(diào)用執(zhí)行菲盾。
  • onChange事件--它是一個與表單相關(guān)的事件,當利用text或者textarea元素輸入的字符值改變時發(fā)生該事件各淀,同時當在select表格中的一個選項狀態(tài)改變后也會引發(fā)該事件
  • onSelect事件--是當文本框中的內(nèi)容被選中時所發(fā)生的事件
  • onFocus事件--當單擊表單對象時懒鉴,即將光標放在文本框或選擇框上時產(chǎn)生onFocus事件
  • onLoad事件--當加載網(wǎng)頁文檔時,會產(chǎn)生該事件碎浇。onLoad事件的作用是在首次載入一個頁面文件時檢測cookie的值临谱,并用一個變量為其賦值,使其可以被源代碼使用
  • onUnload事件--當退出網(wǎng)頁時引發(fā)onUnload事件奴璃,并可更新cookie的狀態(tài)
  • onBlur事件--失去焦點onBlur事件正好與獲得焦點事件相對悉默,當text對象、textarea對象或select對象不再擁有焦點而退到后臺時苟穆,引發(fā)該事件
  • onMouseOver事件--當鼠標指針移動到某對象范圍的上方時觸發(fā)的事件
  • onMouseOut事件--當鼠標指針離開某對象范圍時觸發(fā)的事件
  • onDblClick事件--是鼠標雙擊時觸發(fā)的事件
  • 瀏覽器的內(nèi)部對象抄课,使用瀏覽器的內(nèi)部對象,可實現(xiàn)與HTML文檔進行交互雳旅。
瀏覽器的內(nèi)部對象主要包括以下幾個:
1.瀏覽器對象(navigator):提供有關(guān)瀏覽器的信息
2.文檔對象(document):document對象包含了與文檔元素一起工作的對象
3.窗口對象(windows):windows對象處于對象層次的最頂端跟磨,它提供了處理瀏覽器窗
口的方法和屬性
4.位置對象(location):location對象提供了與當前打開的URL一起工作的方法和屬性,是
一個靜態(tài)的對象
5.歷史對象(history):history對象提供了與歷史清單有關(guān)的信息

在JS中提供了非常豐富的內(nèi)部方法和屬性攒盈,從而減輕了編程人員的工作抵拘,提高了編程效率。在這些對象系統(tǒng)中型豁,文檔對象屬性非常重要僵蛛,它位于最底層,但對實現(xiàn)頁面信息交互起著關(guān)鍵作用迎变,因而是對象系統(tǒng)的核心部分

  • navigator對象可用來存取瀏覽器的相關(guān)信息如瀏覽器的名稱墩瞳、瀏覽器的版本等
  • document對象主要有l(wèi)inks、anchor氏豌、form三個重要的屬性
  • windows對象處于對象層次的最頂端喉酌,它提供了處理navigator窗口的方法和屬性。JS的輸入可以通過windows對象來實現(xiàn)
  • location對象是一個靜態(tài)的對象,它描述的是某一個窗口對象多打開的地址
  • history對象是瀏覽器的瀏覽歷史泪电。

利用JS制作網(wǎng)頁特效

  • 顯示當前時間般妙,利用getHours()、getMinutes()相速、getSeconds()分別獲取當前小時數(shù)碟渺、當前分鐘數(shù)、當前秒數(shù)
  • 顯示當前日期突诬,利用getYear()苫拍、getMonth()、getDate()旺隙、getDay()分別獲得當前年份绒极、當前月份、當前日數(shù)蔬捷、當前星期垄提。在顯示月份的時候,要將所得的月份加1周拐,因為月份的數(shù)值是從0到11铡俐;利用getDay()方法獲得的值中,0代表星期天妥粟。

個人博客網(wǎng)站布局

企業(yè)網(wǎng)站設(shè)計

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末审丘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子勾给,更是在濱河造成了極大的恐慌备恤,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件锦秒,死亡現(xiàn)場離奇詭異露泊,居然都是意外死亡,警方通過查閱死者的電腦和手機旅择,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門惭笑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人生真,你說我怎么就攤上這事沉噩。” “怎么了柱蟀?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵川蒙,是天一觀的道長。 經(jīng)常有香客問我长已,道長畜眨,這世上最難降的妖魔是什么昼牛? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮康聂,結(jié)果婚禮上贰健,老公的妹妹穿的比我還像新娘。我一直安慰自己恬汁,他們只是感情好伶椿,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著氓侧,像睡著了一般脊另。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上约巷,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天偎痛,我揣著相機與錄音,去河邊找鬼载庭。 笑死,一個胖子當著我的面吹牛廊佩,可吹牛的內(nèi)容都是我干的囚聚。 我是一名探鬼主播,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼标锄,長吁一口氣:“原來是場噩夢啊……” “哼顽铸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起料皇,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤谓松,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后践剂,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鬼譬,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年逊脯,在試婚紗的時候發(fā)現(xiàn)自己被綠了优质。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡军洼,死狀恐怖巩螃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情匕争,我是刑警寧澤避乏,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站甘桑,受9級特大地震影響拍皮,放射性物質(zhì)發(fā)生泄漏歹叮。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一春缕、第九天 我趴在偏房一處隱蔽的房頂上張望盗胀。 院中可真熱鬧,春花似錦锄贼、人聲如沸票灰。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽屑迂。三九已至,卻和暖如春冯键,著一層夾襖步出監(jiān)牢的瞬間惹盼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工惫确, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留手报,地道東北人。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓改化,卻偏偏與公主長得像掩蛤,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子陈肛,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案揍鸟? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,728評論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)句旱,斷路器阳藻,智...
    卡卡羅2017閱讀 134,600評論 18 139
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,269評論 24 450
  • 前段時間在知乎上看到雷子要上「歌手」,瞬間懵逼谈撒,一點兒都不相信腥泥,心里想洪濤又不是腦殘,叫一創(chuàng)作歌手去參加比歌唱技巧...
    董二千先生閱讀 1,249評論 0 3
  • 最近看到好多寫“空巢青年”的文章冒萄,看到這標題,為什么給正值青春年華的單身男女冠上如此冷冰的一個名字橙数。 所謂的“空巢...
    九零楊一閱讀 701評論 7 3