《JavaScript高級程序設(shè)計》第二章:在HTML中使用JavaScript

注:筆記主要是查漏補缺用

一、<script>元素

1.注意事項:

1)使用<script>元素主要有兩種用法:
  • 直接在頁面中嵌入JS代碼
  • 引入外部JS文件
2)包含在<script>元素內(nèi)部的JS代碼將被從上至下依次解釋碰纬。
3)使用<script>嵌入JS代碼時丹锹,不要在代碼中任何地方出現(xiàn)"</script>"字符串燥翅,否則會產(chǎn)生錯誤。

解決辦法

    <script>
          function sayScript(){
          alert("<\/script>");
}
    </script>

2.<script>的屬性

1) scr 屬性: 指向外部JS文件的鏈接
  • 作用:通過<script>元素包含外部JS文件。

  • 在使用scr時霎匈,如果包含了嵌入的代碼,則只會下載并執(zhí)行外部腳本文件乱投,嵌入的代碼會被忽略咽笼。

  • src屬性還可以包含來自外域的JavaScript文件。即它的scr屬性可以是指向當前html頁面所在域之外的某個域之中的URL戚炫。

<script type="text/javascript" src="http://www.somewhere.com/afile.js"></script>

利用這一點就可以在必要時通過不同的域來提供JS文件(但是要注意安全性)

2) defer 屬性 延遲腳本
  • 作用:腳本會被延遲到整個頁面都解析完畢后再運行剑刑。相當于告訴瀏覽器立即下載,但是延遲執(zhí)行双肤。
  • 注意:腳本會延遲到</html>結(jié)束后執(zhí)行施掏,最好只包含一個延遲腳本
  • defer 屬性只使用于外部腳本文件
  • HTML5中的實現(xiàn)會忽略給嵌入腳本設(shè)置的defer屬性
3)async 屬性 異步腳本
  • 作用:告訴瀏覽器立即下載文件茅糜。但是并不保證按照指定它們的先后順序執(zhí)行七芭。其目的是不讓頁面等待兩個腳本下載和執(zhí)行,從而異步加載頁面其他內(nèi)容蔑赘。為此狸驳,建議異步腳本不要在加載期間修改DOM.
  • 異步腳本一定會在頁面的load事件前執(zhí)行
4)charset屬性
5)type 屬性

二、<noscript>元素

包含在<noscript>元素中的內(nèi)容只有在下列情況下才會顯示出來:

  • 瀏覽器不支持腳本
  • 瀏覽器支持腳本缩赛,但腳本被禁用耙箍。
    除此之外,瀏覽器不會呈現(xiàn)這個元素中的內(nèi)容峦筒。
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script></script>
<script></script>
</head>
<body>
    <noscript>
          <p>本頁面需要瀏覽器支持(啟用)JavaScript究西。
      </noscript>
</body>
</html>



?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市物喷,隨后出現(xiàn)的幾起案子卤材,更是在濱河造成了極大的恐慌,老刑警劉巖峦失,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扇丛,死亡現(xiàn)場離奇詭異,居然都是意外死亡尉辑,警方通過查閱死者的電腦和手機帆精,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來隧魄,“玉大人卓练,你說我怎么就攤上這事」鹤模” “怎么了襟企?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長狮含。 經(jīng)常有香客問我顽悼,道長曼振,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任蔚龙,我火速辦了婚禮冰评,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘木羹。我一直安慰自己甲雅,他們只是感情好,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布汇跨。 她就那樣靜靜地躺著务荆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪穷遂。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天娱据,我揣著相機與錄音蚪黑,去河邊找鬼。 笑死中剩,一個胖子當著我的面吹牛忌穿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播结啼,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼掠剑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了郊愧?” 一聲冷哼從身側(cè)響起朴译,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎属铁,沒想到半個月后眠寿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡焦蘑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年盯拱,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片例嘱。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡狡逢,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拼卵,到底是詐尸還是另有隱情奢浑,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布间学,位于F島的核電站殷费,受9級特大地震影響印荔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜详羡,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一仍律、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧实柠,春花似錦水泉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蟹漓,卻和暖如春炕横,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背葡粒。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工份殿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人嗽交。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓卿嘲,卻偏偏與公主長得像,于是被迫代替她去往敵國和親夫壁。 傳聞我的和親對象是個殘疾皇子拾枣,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348

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