整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          Markdown:簡(jiǎn)潔易用的標(biāo)記語言

          arkdown 起源:

          Markdown 是由約翰·格魯伯(John Gruber)和亞倫·斯沃茨(Aaron Swartz)共同創(chuàng)造的一種輕量級(jí)標(biāo)記語言。它于2004年首次發(fā)布,旨在提供一種易于編寫和閱讀的文本格式,以便將內(nèi)容轉(zhuǎn)換為結(jié)構(gòu)良好的 HTML。Markdown 的設(shè)計(jì)目標(biāo)是讓人們專注于內(nèi)容,而不是樣式。

          markdown - 簡(jiǎn)潔易用的標(biāo)記語言

          Markdown 的起源可以追溯到格魯伯的一篇博文,他提出了一種簡(jiǎn)單的標(biāo)記語法,以解決 HTML 編寫過程中繁瑣的問題。斯沃茨對(duì)此表示了興趣,并與格魯伯合作進(jìn)一步發(fā)展了 Markdown,并將其應(yīng)用于斯沃茨的項(xiàng)目中。隨著時(shí)間的推移,Markdown 逐漸獲得了廣泛的認(rèn)可和應(yīng)用,在編寫文檔、撰寫博客、寫作文檔和代碼文檔等領(lǐng)域都得到了廣泛使用。

          Markdown 的優(yōu)點(diǎn):

          • 簡(jiǎn)單易學(xué):Markdown 使用簡(jiǎn)單的標(biāo)記語法,易于學(xué)習(xí)和使用,不需要復(fù)雜的編程知識(shí)。
          • 純文本格式:Markdown 文件是純文本格式,可以在任何文本編輯器中編寫,無需特殊的編輯器支持。
          • 易于閱讀和編寫:Markdown 的語法結(jié)構(gòu)清晰簡(jiǎn)潔,可讀性強(qiáng),同時(shí)也方便編寫和編輯。
          • 平臺(tái)無關(guān)性:Markdown 可以在不同的平臺(tái)和設(shè)備上進(jìn)行編輯和閱讀,而不會(huì)受到格式兼容性的問題。
          • 可導(dǎo)出多種格式:Markdown 可以輕松轉(zhuǎn)換為 HTML、PDF、Word 等其他格式,便于在不同場(chǎng)景下使用。

          Markdown 的缺點(diǎn):

          • 語法有限:Markdown 的語法相對(duì)簡(jiǎn)單,不支持復(fù)雜的排版和高級(jí)功能,有時(shí)可能無法滿足特定的需求。
          • 樣式受限:由于 Markdown 的設(shè)計(jì)初衷是專注于內(nèi)容而非樣式,因此在樣式和布局方面的自定義能力相對(duì)有限。
          • 學(xué)習(xí)曲線:盡管 Markdown 的語法簡(jiǎn)單,但對(duì)于完全不熟悉的用戶來說,仍然需要一些時(shí)間和實(shí)踐來掌握其語法規(guī)則。

          Markdown 常用語法:

          簡(jiǎn)單整理了一下,以下是按常用和不常用順序排列的 Markdown 語法表格:

          標(biāo)題

          使用 # 標(biāo)記,可表示 1 到 6 級(jí)標(biāo)題

          粗體

          使用 **文本**__文本__ 標(biāo)記

          斜體

          使用 *文本*_文本_ 標(biāo)記

          引用

          使用 > 標(biāo)記引用文本

          無序列表

          使用 -+* 標(biāo)記列表項(xiàng)

          有序列表

          使用數(shù)字后跟 . 來標(biāo)記列表項(xiàng)

          任務(wù)列表

          使用 - [ ]- [x] 標(biāo)記未完成或已完成的任務(wù)

          鏈接

          使用 [鏈接文本](鏈接地址) 標(biāo)記超鏈接

          圖片

          使用 ![替代文本](圖片地址) 插入圖片

          代碼塊

          使用 標(biāo)記單行代碼塊,或使用 標(biāo)記多行代碼塊

          水平線

          使用 ---___*** 插入水平線

          表格

          使用 `

          腳注

          使用 [^腳注名稱] 標(biāo)記腳注,并在文本末尾定義腳注

          內(nèi)聯(lián) HTML

          可以在 Markdown 中使用部分 HTML 標(biāo)簽和屬性

          自動(dòng)鏈接

          使用 <鏈接地址> 自動(dòng)將鏈接轉(zhuǎn)換為可點(diǎn)擊的鏈接

          轉(zhuǎn)義字符

          使用反斜杠 \ 對(duì)特殊字符進(jìn)行轉(zhuǎn)義

          刪除線

          使用 ~~文本~~ 標(biāo)記刪除線

          注釋

          使用 <!-- 注釋內(nèi)容 --> 插入注釋

          轉(zhuǎn)義特殊字符

          使用 & 加上特殊字符代碼轉(zhuǎn)義特殊字符

          內(nèi)嵌 LaTeX 公式

          使用 $ 公式 $$$ 公式 $$ 插入內(nèi)嵌 LaTeX 公式

          定義 HTML 錨點(diǎn)

          使用 <a name="錨點(diǎn)名稱"></a> 定義 HTML 錨點(diǎn)

          自定義標(biāo)題標(biāo)識(shí)符

          使用 {#標(biāo)識(shí)符} 自定義標(biāo)題的 ID 屬性

          高亮顯示代碼

          使用三個(gè)反引號(hào)后加語言名稱來高亮顯示代碼塊

          表格對(duì)齊

          使用冒號(hào) : 在表格中指定對(duì)齊方式

          注腳鏈接

          使用 [^腳注名稱] 創(chuàng)建注腳鏈接

          自動(dòng)鏈接郵箱地址

          使用 <郵箱地址> 自動(dòng)將郵箱地址轉(zhuǎn)換為可點(diǎn)擊的鏈接

          自動(dòng)鏈接 URL

          使用 <鏈接地址> 自動(dòng)將 URL 轉(zhuǎn)換為可點(diǎn)擊的鏈接

          轉(zhuǎn)義 HTML 標(biāo)簽

          使用反斜杠 \ 轉(zhuǎn)義 HTML 標(biāo)簽

          內(nèi)嵌圖表

          使用 {{圖表代碼}} 在 Markdown 中插入圖表

          轉(zhuǎn)義 Markdown 標(biāo)記

          使用反斜杠 \ 轉(zhuǎn)義 Markdown 標(biāo)記

          定義圖片尺寸

          使用 <img> 標(biāo)簽并指定 widthheight 屬性定義圖片尺寸

          擴(kuò)展語法(GFM)

          GitHub Flavored Markdown(GFM)提供了更多語法擴(kuò)展,如任務(wù)列表

          目錄

          使用 [TOC] 自動(dòng)生成目錄

          請(qǐng)注意,這只是 Markdown 語法的一部分,而且不同的 Markdown 解析器可能會(huì)有略微不同的語法支持。

          文本編輯軟件推薦:

          第一款:Typora

          Typora是一款簡(jiǎn)單高效的Markdown編輯器,使您可以輕松編寫和編輯純文本。讓您覺得它實(shí)際上是一個(gè)系統(tǒng)自帶應(yīng)用程序。通過為您提供所有必要的工具和一個(gè)組織良好的環(huán)境,使Markdown編輯任務(wù)看起來像是在散步。

          Typora 為您提供作為讀者和作者的無縫體驗(yàn)。它刪除了預(yù)覽窗口、模式切換器、Markdown 源代碼的語法符號(hào)以及所有其他不必要的干擾,代之以實(shí)時(shí)預(yù)覽,以幫助您專注于內(nèi)容本身。

          軟件下載地址:https://alonggjx.com/1.html


          typora - 文本編輯器

          第二款:EmEditor Pro

          EmEditor Pro – 強(qiáng)大的文本編輯器專業(yè)版,為程序員、Web 開發(fā)人員和普通用戶提供語法說明和 Unicode 支持。編輯器功能包括使用正則表達(dá)式在文件中搜索和替換、自動(dòng)檢測(cè)代碼、突出顯示鏈接和電子郵件地址、塊選擇模式、配置按鈕欄、菜單、字體和顏色元素。對(duì)于每種語言,您可以設(shè)置單獨(dú)的配置。該程序還支持用 javascript 或 VBScript 編寫的強(qiáng)大宏,使您可以捕獲經(jīng)?;蚺紶柺褂玫膸缀跞魏尾僮鳌?/span>

          軟件下載地址:https://alonggjx.com/146.html


          EmEditor pro -文本編輯器


          總結(jié):

          人們使用 Markdown 的主要原因是它的簡(jiǎn)潔性和易用性。與其他標(biāo)記語言相比,Markdown 的語法更簡(jiǎn)單,使得寫作和編輯變得更加高效。它使得編寫文檔和博客成為一種愉快的體驗(yàn),同時(shí)也方便了文檔的版本控制和協(xié)作編輯。此外,Markdown 的純文本格式使得文件易于存儲(chǔ)、分享和遷移,不受特定軟件或平臺(tái)的限制。因此,Markdown 成為了許多人在寫作和記錄文檔時(shí)的首選工具。

          七章 計(jì)算機(jī)網(wǎng)絡(luò)

          27、Internet 的接入技術(shù):

          (1)PSTN:通過調(diào)制解調(diào)器撥號(hào)實(shí)現(xiàn)用戶接入的方式,最高速率為56 Kb/s

          (2)ADSL:通過普通電話線提供寬帶數(shù)據(jù)業(yè)務(wù)的技術(shù),支持上行速率640Kb/s ~ 1Mb/s,下行速率1 ~ 8Mb/s

          (3)LAN 方式:用戶PC 的上網(wǎng)速率可達(dá)100 Mb/s

          (4)無線方式:蜂窩技術(shù)、數(shù)字無繩技術(shù)、點(diǎn)對(duì)點(diǎn)微波技術(shù)、衛(wèi)星技術(shù)、藍(lán)牙技術(shù)等

          28、了解電子郵件的特點(diǎn)及功能:

          一對(duì)多的發(fā)送;可發(fā)送文本、圖片、音頻、視頻等信息、不要求通信雙方同時(shí)在線

          29、電子郵箱地址格式:用戶名 @ 電子郵件服務(wù)器名

          30、(了解)搜索引擎是一個(gè)提供信息檢索服務(wù)的網(wǎng)站。它使用特定的程序把Internet網(wǎng)上的信息歸類,幫助人們快速搜索到需要的信息。

          31、流媒體數(shù)據(jù)流具有三個(gè)特點(diǎn):連續(xù)性、實(shí)時(shí)性、時(shí)序性。

          32、文件傳輸協(xié)議FTP是Internet中在用戶計(jì)算機(jī)和遠(yuǎn)程服務(wù)器之間進(jìn)行文件傳輸?shù)膮f(xié)議,采用客戶機(jī)/服務(wù)器工作模式。

          登錄文件服務(wù)器的方式有兩種:一種是用戶名+密碼;另一種是匿名訪問。匿名FTP:通用的賬號(hào)名為anonymous。

          33、遠(yuǎn)程登錄Telnet:用戶通過一臺(tái)計(jì)算機(jī)登錄到另一臺(tái)計(jì)算機(jī)上,運(yùn)行其中的程序并訪問其中的服務(wù),采用客戶機(jī)/服務(wù)器工作模式。

          34、網(wǎng)站是一組相關(guān)網(wǎng)頁和文件的集合,作為瀏覽起始點(diǎn)的特殊網(wǎng)頁稱為主頁。

          35、要瀏覽Web 頁面,必須在本地計(jì)算機(jī)上安裝瀏覽器軟件。瀏覽器和服務(wù)器之間通過超文本傳輸協(xié)議(HTTP)進(jìn)行通信(掌握)。

          36、了解:瀏覽器 / 服務(wù)器(B/S)結(jié)構(gòu)是目前最流行的網(wǎng)絡(luò)軟件系統(tǒng)結(jié)構(gòu),它正逐漸取代客戶機(jī) / 服務(wù)器(C/S)結(jié)構(gòu)。

          37、網(wǎng)頁主要由文字、圖片、動(dòng)畫、超鏈接和特殊組件等元素構(gòu)成。

          38、超鏈接將具有文字、圖片、動(dòng)畫的網(wǎng)頁連接在一起,構(gòu)成一個(gè)統(tǒng)一的整體??梢哉f,超鏈接是網(wǎng)絡(luò)的命脈。

          39、根據(jù)網(wǎng)頁的生成方式分為靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁文件的擴(kuò)展名通常是.htm或.html,動(dòng)態(tài)網(wǎng)頁文件的擴(kuò)展名為.asp或.jsp等。

          40、了解靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的含義(判斷)

          靜態(tài)網(wǎng)頁:除非網(wǎng)頁的設(shè)計(jì)者自己修改了網(wǎng)頁的內(nèi)容,否則網(wǎng)頁的內(nèi)容不會(huì)發(fā)生變化

          動(dòng)態(tài)網(wǎng)頁:網(wǎng)頁文件里包含有程序代碼,需要服務(wù)器執(zhí)行程序才能生成網(wǎng)頁內(nèi)容。

          41、(了解)Dreamweaver、Flash、Fireworks 被稱為網(wǎng)頁制作“三劍客”。

          (1)Dreamweaver集網(wǎng)頁制作和網(wǎng)站管理于一身。

          (2)Fireworks 以處理網(wǎng)頁圖片為特長(zhǎng),可以輕松創(chuàng)作GIF動(dòng)畫。

          (3)Flash 是當(dāng)今Internet 最流行的動(dòng)畫作品的制作工具,并成為事實(shí)上的交互式矢量動(dòng)畫標(biāo)準(zhǔn)。

          42、、了解網(wǎng)頁設(shè)計(jì)相關(guān)的術(shù)語

          (1)XML:中文名為可擴(kuò)展標(biāo)記語言,主要用途是在Internet上傳遞或處理數(shù)據(jù)。

          (2)CSS:中文名為層疊樣式表,主要用來對(duì)網(wǎng)頁數(shù)據(jù)進(jìn)行編排、格式化、顯示、特效等。

          (3)DHTML 是動(dòng)態(tài)HTML,這種技術(shù)要求網(wǎng)頁具備動(dòng)態(tài)功能,如動(dòng)態(tài)交互、動(dòng)態(tài)更新等。

          (4)腳本(Script)語言是嵌入到HTML 代碼中的程序,JavaScript 更多地用于客戶端,VBScript 更多地用于服務(wù)器端。

          43、HTML文件標(biāo)記:負(fù)責(zé)控制文本顯示的外觀和版式,為瀏覽器指定各種鏈接的圖像、聲音和其他對(duì)象的位置。

          44、HTML 標(biāo)記的書寫格式:< 標(biāo)記名 > 文本內(nèi)容</標(biāo)記名> HTML標(biāo)記不區(qū)分大小寫,標(biāo)記名與屬性之間用空格分隔,如果有多個(gè)屬性,屬性之間也用空格分隔。

          45、(掌握)HTML文件由頭部和正文主體兩部分組成。文件的頭部用<head></head>標(biāo)記,標(biāo)題用<title></title>標(biāo)記,放到<head>和</head>標(biāo)記之間;正文主體用<body> </body>標(biāo)記。

          46、掌握常用HTML標(biāo)記 (掌握)

          (1)文本布局:段落標(biāo)記<p> 換行標(biāo)記<br> 水平線標(biāo)記<hr> 標(biāo)題標(biāo)記<hn> 字體標(biāo)記<font> 文字顏色屬性<color> 文字字體屬性<face>

          (2)圖像布局:圖片標(biāo)記<img>(文件位置src 說明文字alt 寬度weight 高度height 對(duì)齊方式alight 邊框border)

          (3)超鏈接: 超鏈接標(biāo)記<a>(被鏈接的文件地址href)

          (4)表格:表格區(qū)域<table>(<caption>表格標(biāo)題 <th>表格頭 <tr>表格行 <td>表格單元格)

          (5)字形標(biāo)記:粗體(B)、斜體(I)、下劃線(U)、上標(biāo)(sup)、下標(biāo)(sub)

          47、了解站點(diǎn)的定義和作用

          站點(diǎn)是網(wǎng)站中所有文件和資源的集合,站點(diǎn)管理功能可以方便地組織和管理所有的Web文檔。

          48、了解創(chuàng)建站點(diǎn)的方法;了解新建網(wǎng)頁的方法;了解常見網(wǎng)頁屬性的設(shè)置

          49、按F12 在主瀏覽器中顯示當(dāng)前文檔;按Ctrl+F12 在候選瀏覽器中顯示當(dāng)前文檔

          50、網(wǎng)頁中常用的圖片文件格式:GIF、JPEG、PNG

          51、超鏈接:鼠標(biāo)指針在指向超鏈接時(shí)會(huì)變成手形(掌握)

          (1)超鏈接類型:文本、圖片、郵件、錨記、下載文件超鏈接。

          (2)圖像熱點(diǎn)工具:矩形熱點(diǎn)工具 、橢圓形熱點(diǎn)工具和多邊形熱點(diǎn)工具 3 種

          (3)錨記超鏈接:可以跳轉(zhuǎn)到當(dāng)前網(wǎng)頁中的指定位置,還可以跳轉(zhuǎn)到其他網(wǎng)頁中的指定位置

          #山東地圖

          (4)下載文件超鏈接:設(shè)置鏈接對(duì)象為需要下載的文件

          (5)空鏈接 #

          52、網(wǎng)頁的布局一般使用表格或框架來實(shí)現(xiàn)。(掌握)

          (1)表格布局可以將頁面分隔成互不重疊的區(qū)域,但每個(gè)區(qū)域中不會(huì)像框架一樣出現(xiàn)滾動(dòng)條。

          (2)框架布局就是將瀏覽器分成多個(gè)框架,每個(gè)框架中顯示一個(gè)頁面。當(dāng)框架所對(duì)應(yīng)頁面的內(nèi)容超過它的范圍時(shí),會(huì)自動(dòng)出現(xiàn)滾動(dòng)條,拖動(dòng)一個(gè)框架的滾動(dòng)條只會(huì)滾動(dòng)該框架的頁面而不會(huì)影響其他框架。

          53、表單是Web 服務(wù)器與客戶交互的手段。

          (1)表單的作用就是收集用戶的輸入信息,從而實(shí)現(xiàn)網(wǎng)站與用戶的交互。

          (2)在DW的設(shè)計(jì)視圖中,表單的輪廓線以紅色的虛線表示。

          54、了解網(wǎng)站和網(wǎng)頁的設(shè)計(jì)原則

          55、了解發(fā)布網(wǎng)站的定義和操作步驟

          所謂發(fā)布網(wǎng)站,就是把網(wǎng)站中的內(nèi)容上傳到Web 服務(wù)器上。要發(fā)布站點(diǎn)。

          首先要申請(qǐng)域名和網(wǎng)頁空間,設(shè)置好站點(diǎn)服務(wù)器,然后把制作好的本地網(wǎng)站文件上傳到網(wǎng)頁空間中。

          內(nèi)容是《Web前端開發(fā)之Javascript視頻》的課件,請(qǐng)配合大師哥《Javascript》視頻課程學(xué)習(xí)。

          JavaScript由最初的一個(gè)原始的腳本語言,已經(jīng)發(fā)展成一門高效和通用的編程語言;一開始它只用于Web瀏覽器編程,而現(xiàn)如今它還可以用于其他編程工作;

          服務(wù)器端的Javascript:

          作為服務(wù)器端的開發(fā),其中有兩個(gè)比較著名的,一個(gè)是Rhino,是Mozilla開發(fā)的免費(fèi)軟件,是基于Java的Javascript解析器,實(shí)現(xiàn)了通過JavaScript程序能夠訪問整個(gè)Java API,能夠自動(dòng)完成JavaScript原生類型和Java原生類型之間的相互轉(zhuǎn)換,因此JavaScript可以設(shè)置、查詢Java屬性,并能調(diào)用Java方法;

          Node:是在Google的V8 Javascript引擎上構(gòu)建的,也就是平時(shí)我們所說的Node.Js,其在底層綁定了用于進(jìn)程、文件和網(wǎng)絡(luò)等Unix API,還綁定了HTTP客戶端和服務(wù)器API;

          其實(shí)在遠(yuǎn)古時(shí)候,微軟有個(gè)asp的動(dòng)態(tài)網(wǎng)站開發(fā)技術(shù),它使用的服務(wù)器端的腳本語言有兩個(gè),一個(gè)是VBScript,另一個(gè)就是Javascript ;

          Web瀏覽器中的Javascript:

          通常也稱為客戶端的JavaScript,就是JavaScript運(yùn)行在瀏覽器中;

          從內(nèi)容上來看,它是包括BOM和DOM;

          從形式上可以分為Web文檔和Web應(yīng)用兩種形式;

          Web文檔里的Javascript:

          Javascript可以通過document對(duì)象和它包含的element對(duì)象遍歷和管理文檔內(nèi)容;它可以通過操縱CSS樣式和類,修改文檔內(nèi)容的呈現(xiàn);并且可以通過注冊(cè)適當(dāng)?shù)氖录幚沓绦騺矶x文檔元素的行為;

          Web文檔里應(yīng)當(dāng)少量地應(yīng)用Javascript,因?yàn)镴avascript真正的作用是增強(qiáng)用戶的瀏覽體驗(yàn),使信息的獲取和傳遞更容易;用戶的體驗(yàn)不應(yīng)依賴于Javascript,但Javascript可以增強(qiáng)體驗(yàn),如:

          • 創(chuàng)建動(dòng)畫和其他視覺效果,引導(dǎo)和幫助用戶進(jìn)行頁面導(dǎo)航;
          • 對(duì)表格的列進(jìn)行分組,讓用戶更容易找到所需要的內(nèi)容;
          • 隱藏某些內(nèi)容,當(dāng)用戶需要了解更詳細(xì)內(nèi)容時(shí),再逐漸展示詳細(xì)信息;

          window對(duì)象:

          客戶端Javascript中最重要的對(duì)象之一是window對(duì)象,window對(duì)象是所有客戶端Javascript特性和API的主要接入點(diǎn);它表示W(wǎng)eb瀏覽器的一個(gè)窗口或窗體;Window對(duì)象定義了一些屬性,比如,指定當(dāng)前窗口中的URL的location屬性,其還可以允許腳本在窗口中載入新的URL;

          window.location = "https://www.zeronetwork.cn/";

          window對(duì)象還定義了一些方法,如alert(),可以彈出一個(gè)對(duì)話框用來顯示一些信息;比如:setTimeout(),可以注冊(cè)一個(gè)函數(shù),在給定的一段時(shí)間之后觸發(fā)一個(gè)回調(diào),如:

          setTimeout(function(){
              alert("零點(diǎn)網(wǎng)絡(luò)");
          },2000);

          在客戶端Javascript中,window對(duì)象也是全局對(duì)象,也就是window對(duì)象處于作用域鏈的最頂部,它的屬性和方法實(shí)際上是全局變量和全局函數(shù),所以,window.setTimeout()可以直接使用setTimeout(),也就是說,如果想引用全局窗口或全局對(duì)象的屬性,通常并不需要用到window;

          window還定義了很多其它重要的屬性、方法和構(gòu)造函數(shù);其中最重要的屬性是document,它引用Document對(duì)象,表示的是在窗口中的文檔;Document對(duì)象有一些重要的方法,比如getElementById(),可以基于元素id的值返回單一的HTML元素,如:

          var mydiv = document.getElementById("mydiv");

          getElementById()方法返回的Element對(duì)象,也擁有一些重要的屬性和方法,比如允許腳本獲取它的內(nèi)容、設(shè)置屬性值等,如:

          var mydiv = document.getElementById("mydiv");
          // 如果元素為空,則往里面插入當(dāng)前的日期和時(shí)間
          if(mydiv.firstChild == null){
              mydiv.appendChild(document.createTextNode(new Date().toString()));
          }

          每個(gè)Element對(duì)象才有style和className屬性,允許腳本指定文檔元素的CSS樣式,或修改應(yīng)用到元素上的CSS的類名,如:

          var mydiv = document.getElementById("mydiv");
          mydiv.style.height = "200px";
          mydiv.style.backgroundColor = "yellow";
          mydiv.className = "mydiv";

          window對(duì)象、document對(duì)象和element對(duì)象還有一個(gè)重要的屬性集合是事件處理程序相關(guān)的屬性;可以在腳本中為之綁定一個(gè)函數(shù),這個(gè)函數(shù)會(huì)在某個(gè)事件發(fā)生時(shí)以異步的方式調(diào)用;事件處理程序可以讓Javascript代碼修改窗口、文檔和組成文檔的元素的行為;事件處理程序的屬性名是以單詞“on”開頭的,如:

          mydiv.onclick = function(){
              this.innerHTML = "<h2>零點(diǎn)網(wǎng)絡(luò)</h2>";
          }

          window對(duì)象的onload處理程序是最重要的事件處理程序之一;當(dāng)顯示在窗口中的文檔內(nèi)容穩(wěn)定并可以操作時(shí)可以觸發(fā)它;Javascript代碼通常封裝在onload事件處理程序里;比如,可以在onload事件中,查詢文檔元素、修改CSS類和定義事件處理程序,如:

          <style>
          .newslist *{display: none;}
          .newslist h1{display: block;}
          .newslist_show *{display: block;}
          </style>
          <script>
          window.onload = function(){
              var elements = document.getElementsByClassName("newslist");
              for(var i=0; i<elements.length; i++){
                  var elt = elements[i];
                  var title = elt.getElementsByTagName("h1")[0]
                  showHandler(title,elt);
              }
           
              function showHandler(title,elt){
                  title.onclick = function(){
                      if(elt.className == "newslist")
                          elt.className = "newslist_show";
                      else
                          elt.className = "newslist";
                  }
              }
          }
          </script>
          <div class="newslist">
              <h1>零點(diǎn)網(wǎng)絡(luò)</h1>
              <p>零點(diǎn)網(wǎng)絡(luò)是一家科技公司</p>
          </div>

          Web應(yīng)用里的Javascript:

          在Web文檔中使用的Javascript特性在Web應(yīng)用中都會(huì)用到,對(duì)于Web應(yīng)用來說,除了內(nèi)容、呈現(xiàn)和操作API之外,還依賴Web瀏覽器環(huán)境提供的各種基礎(chǔ)的服務(wù);

          現(xiàn)代瀏覽器,已經(jīng)不僅僅是作為顯示文檔的工具了,而漸漸變成了一個(gè)簡(jiǎn)易的操作系統(tǒng);

          Web應(yīng)用就是用Javascript訪問瀏覽器提供的各種服務(wù),這些服務(wù)有很多都是在HTML5中定義的,HTML5和相關(guān)的標(biāo)準(zhǔn)為Web應(yīng)用定義了很多其他重要的API,這些API包括以上所說的網(wǎng)絡(luò)、圖像和數(shù)據(jù)存儲(chǔ),還包含地理位置信息、歷史管理和后臺(tái)線程等,這些都是典型的Web應(yīng)用;例如XMLHttpRequest對(duì)象,其可以發(fā)出HTTP請(qǐng)求,可以從服務(wù)器端獲取新信息,而不用重新載入整個(gè)頁面,這樣的Web應(yīng)用稱為Ajax應(yīng)用;并且它們可以離線操作,以及保存數(shù)據(jù)到本地,以便再次訪問時(shí)進(jìn)行狀態(tài)恢復(fù);

          Javascript在Web應(yīng)用里會(huì)比在Web文檔里顯得更加重要;Javascript增強(qiáng)了Web文檔,但是設(shè)計(jì)良好的文檔需要 在禁用Javascript后還能繼續(xù)工作;Web應(yīng)用本質(zhì)上就是Javascript程序,只不過使用了Web瀏覽器提供的服務(wù),如果禁用了Javascript,Web應(yīng)用就運(yùn)行不了;

          在真實(shí)的場(chǎng)景中,并不是完全分離Web文檔和Web應(yīng)用的這兩種形式,而是結(jié)合了兩者的特性;


          Web前端開發(fā)之Javascript-零點(diǎn)程序員-王唯


          主站蜘蛛池模板: 中文字幕在线无码一区| 亚洲熟妇av一区二区三区 | 国产成人高清精品一区二区三区 | 国产在线精品一区二区| 亚洲伦理一区二区| 国产主播一区二区三区| 中文字幕一区在线观看| 无码少妇一区二区浪潮免费| 濑亚美莉在线视频一区| 成人精品视频一区二区三区 | 亚洲国产精品一区第二页| 国产日韩精品视频一区二区三区| 久久久99精品一区二区| 一区国产传媒国产精品| 91成人爽a毛片一区二区| 国产高清在线精品一区小说| 老湿机一区午夜精品免费福利| 无码人妻精品一区二区三区东京热| 色多多免费视频观看区一区| 亚洲乱色熟女一区二区三区蜜臀| 亚洲韩国精品无码一区二区三区 | 在线视频一区二区三区四区| 男女久久久国产一区二区三区| 好湿好大硬得深一点动态图91精品福利一区二区 | 在线观看一区二区精品视频| 精品福利一区二区三区| 一区二区高清视频在线观看| 日本中文字幕在线视频一区| 国产一区二区三区在线观看免费| 国产精品美女一区二区三区| 日本一区二区三区在线看| 亚洲av乱码中文一区二区三区| 国产香蕉一区二区三区在线视频| 无码国产精品一区二区免费I6| 日韩AV无码一区二区三区不卡 | 国产免费一区二区三区| 精品人妻少妇一区二区三区不卡 | 国产福利电影一区二区三区,亚洲国模精品一区 | 日韩AV无码一区二区三区不卡 | 无码日韩精品一区二区免费| 精品国产福利在线观看一区|