国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

JS基礎(chǔ)-初識(shí)JavaScript

這篇具有很好參考價(jià)值的文章主要介紹了JS基礎(chǔ)-初識(shí)JavaScript。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

前面講了前端開發(fā)必備的三種語言。其中的HTML、CSS我們基本上有了比較正確的認(rèn)識(shí)。這里講一下JavaScript。

語言 功能
結(jié)構(gòu)層 HTML 搭建結(jié)構(gòu)、放置部件、描述定義
樣式層 CSS 美化頁(yè)面、實(shí)現(xiàn)布局
行為層 JavaScript 實(shí)現(xiàn)交互效果、數(shù)據(jù)收發(fā)、表單驗(yàn)證
  • HTML構(gòu)成了基礎(chǔ)的骨架。
  • CSS 添加了很多效果, 使得頁(yè)面更好看。
  • 而JavaScript(簡(jiǎn)稱JS)使得 頁(yè)面數(shù)據(jù)“動(dòng)”了起來。也就是說使得網(wǎng)頁(yè)有了交互能力。

所謂的交互能力, 就是不用刷新頁(yè)面,點(diǎn)擊一個(gè)按鈕后,就能動(dòng)態(tài)渲染使得頁(yè)面的局部做出改變。就比如 百度一下,就可以加載出很多我們想要的內(nèi)容,這其中就有JS的參與。

Untitled.png

書寫位置

  • 寫在script標(biāo)簽中

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
        <title>JS書寫位置</title>
      </head>
      <body>
        <script>
          // alert 是 JS當(dāng)中的彈框
          alert("hello world");
        </script>
      </body>
    </html>
    
  • 寫在單獨(dú)的js文件中,通過 進(jìn)行引用。

    js目錄下新建 demo.js。

    alert('Halou World!');
    

    新建文件 helloworld.html,并在其引用 demo.js。文章來源地址http://www.zghlxwxcb.cn/news/detail-691716.html

到了這里,關(guān)于JS基礎(chǔ)-初識(shí)JavaScript的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的「數(shù)組」

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的「數(shù)組」

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購(gòu)買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月04日
    瀏覽(23)
  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的DOM簡(jiǎn)介

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的DOM簡(jiǎn)介

    說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi) , 如需要項(xiàng)目實(shí)戰(zhàn)或者是體系化資源,文末名片加V! 作者:不渴望力量的哈士奇(哈哥),十余年工作經(jīng)驗(yàn), 從事過全棧研發(fā)、產(chǎn)品經(jīng)理等工作,目前在公司擔(dān)任研發(fā)部門CTO。 榮譽(yù): 2022年度博客之星Top4、2023年度超

    2024年02月04日
    瀏覽(25)
  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的數(shù)組的常用方法 (一)

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript 的數(shù)組的常用方法 (一)

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購(gòu)買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月07日
    瀏覽(23)
  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「while循環(huán)語句」

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「while循環(huán)語句」

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購(gòu)買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月04日
    瀏覽(27)
  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「break 和 continue語句」

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「break 和 continue語句」

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購(gòu)買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月05日
    瀏覽(23)
  • 〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「for循環(huán)語句及算法題」

    〖大前端 - 基礎(chǔ)入門三大核心之JS篇?〗- JavaScript的流程控制語句「for循環(huán)語句及算法題」

    當(dāng)前子專欄 基礎(chǔ)入門三大核心篇 是免費(fèi)開放階段 。 推薦他人訂閱,可獲取扣除平臺(tái)費(fèi)用后的35%收益,文末名片加V! 說明:該文屬于 大前端全棧架構(gòu)白寶書專欄, 目前階段免費(fèi)開放 , 購(gòu)買任意白寶書體系化專欄可加入 TFS-CLUB 私域社區(qū)。 福利:除了通過訂閱\\\"白寶書系列專

    2024年02月07日
    瀏覽(28)
  • web前端【3】JS基礎(chǔ)-輪播圖【JavaScript、定時(shí)器、鼠標(biāo)動(dòng)作、自動(dòng)輪播、增加和減少li列表】

    web前端【3】JS基礎(chǔ)-輪播圖【JavaScript、定時(shí)器、鼠標(biāo)動(dòng)作、自動(dòng)輪播、增加和減少li列表】

    一、實(shí)驗(yàn)題目: 輪播圖 二、實(shí)驗(yàn)內(nèi)容簡(jiǎn)介 1.整體布局:圖片、左右按鈕、數(shù)字列表、添加刪除按鈕 2、左右箭頭滾動(dòng) 3、小圓點(diǎn)滾動(dòng) 4、自動(dòng)輪播 5、鼠標(biāo)動(dòng)作:指向和離開 6、添加與刪除 三、實(shí)驗(yàn)過程 1. 需求分析 整體布局:設(shè)計(jì)一個(gè)輪播圖,中間部分為自動(dòng)輪播的圖片展示

    2024年02月04日
    瀏覽(26)
  • BCSP-玄子前端開發(fā)之JavaScript+jQuery入門CH10_jQuery基礎(chǔ)

    4.10.1 jQuery 簡(jiǎn)介 jQuery是流行的JavaScript程序庫(kù),是對(duì)JavaScript對(duì)象和函數(shù)的封裝 設(shè)計(jì)思想是write less, do more [外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來直接上傳(img-gx0f3UFO-1682307309412)(./assets/image-20230423230915569.png)] 4.10.2 jQuery 能做什么 訪問和操作DOM元素 控制頁(yè)

    2023年04月24日
    瀏覽(15)
  • BCSP-玄子前端開發(fā)之JavaScript+jQuery入門CH07_ECMAScript 6基礎(chǔ)

    4.7.1 ECMAScript 6 簡(jiǎn)介 ECMAScript 6.0(簡(jiǎn)稱 ES6) 是JavaScript語言的下一代標(biāo)準(zhǔn) 正式發(fā)布于2015年6月 目標(biāo) 使JavaScript語言可以用來編寫復(fù)雜的大型應(yīng)用程序,成為企業(yè)級(jí)開發(fā)語言 版本升級(jí) ECMAScript 2015 ECMAScript 2016 ECMAScript 2017 ECMAScript和JavaScript 的關(guān)系 前者是后者的規(guī)格,后者是前者的

    2023年04月27日
    瀏覽(61)
  • [HTML]Web前端開發(fā)技術(shù)26(HTML5、CSS3、JavaScript )JavaScript基礎(chǔ)——喵喵畫網(wǎng)頁(yè)

    [HTML]Web前端開發(fā)技術(shù)26(HTML5、CSS3、JavaScript )JavaScript基礎(chǔ)——喵喵畫網(wǎng)頁(yè)

    希望你開心,希望你健康,希望你幸福,希望你點(diǎn)贊! 最后的最后,關(guān)注喵,關(guān)注喵,關(guān)注喵,佬佬會(huì)看到更多有趣的博客哦?。?! 喵喵喵,你對(duì)我真的很重要! 目錄 前言 數(shù)據(jù)類型 數(shù)據(jù)類型-字符型 數(shù)據(jù)類型-數(shù)值型 數(shù)據(jù)類型-布爾型 數(shù)據(jù)類型-其它類型 變量 轉(zhuǎn)義字符 運(yùn)算

    2024年02月20日
    瀏覽(34)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包