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

js簡介以及在html中的2種使用方式(hello world)

這篇具有很好參考價值的文章主要介紹了js簡介以及在html中的2種使用方式(hello world)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

簡介

javascript :是一個跨平臺的腳本語言;是一種輕量級的編程語言。

JavaScript 是 Web 的編程語言。所有現(xiàn)代的 HTML 頁面都使用 JavaScript。

HTML: 結(jié)構(gòu)

css: 表現(xiàn)

JS: 行為

HTML+CSS 只能稱之為靜態(tài)網(wǎng)頁,加入js網(wǎng)頁則有了靈魂稱之為動態(tài)網(wǎng)頁

腳本語言的特點(diǎn):

不能獨(dú)立運(yùn)行,要依賴網(wǎng)頁;

可插入 HTML 頁面的編程代碼。

插入 HTML 頁面后,可由所有的現(xiàn)代瀏覽器執(zhí)行。

javascript 在網(wǎng)頁中使用的兩種方式:

方式1:直接在script標(biāo)簽中編寫;

方式2:引用外部js代碼

注意

1.可以有多個script標(biāo)簽,多個script標(biāo)簽都是自上而下順序執(zhí)行

2.alert()的作用:控制瀏覽器彈出一個警告對話框

方式1實(shí)例:直接在script標(biāo)簽中編寫

1.新建一個html文件(如:demo.html),并將下述內(nèi)容寫入文件中

<!DOCTYPE HTML>
	<html>
	<title>hello world</title>
	<body>
	
	</body>
</html>

2.在html文件中插入一個script標(biāo)簽

<script>alert("hello world"); </script>
<script>alert("hello world-2"); </script>

?

3.將html文件用瀏覽器打開,即可看見hello world

js簡介以及在html中的2種使用方式(hello world),前端(html+css+js)知識點(diǎn)雜燴,javascript,html,開發(fā)語言

點(diǎn)擊確定后,可以看見hello world-2

js簡介以及在html中的2種使用方式(hello world),前端(html+css+js)知識點(diǎn)雜燴,javascript,html,開發(fā)語言

demo.html完整文件內(nèi)容如下:

<!DOCTYPE HTML>
<html>
    <title>hello world</title>
    <body>

        <script>alert("hello world"); </script>
        <script>alert("hello world-2"); </script>

    </body>
</html>

方式2實(shí)例:引用外部js代碼

1.新建一個html文件(如:demo.html),并將下述內(nèi)容寫入文件中

<!DOCTYPE HTML>
	<html>
	<title>hello world</title>
	<body>
	
	</body>
</html>

2.在html文件(如:demo.html)同目錄下新建一個js文件(如:demojs.js),并將下述內(nèi)容寫入文件中

alert("hello world");

3.在html文件中引用外部js代碼(如:demojs.js)

<script src="./demojs.js">alert("hello world-2");</script>
<script>alert("hello world-3");</script>

?

4.將html文件用瀏覽器打開,即可看見hello world

js簡介以及在html中的2種使用方式(hello world),前端(html+css+js)知識點(diǎn)雜燴,javascript,html,開發(fā)語言

點(diǎn)擊確定后,可以看見hello world-3

js簡介以及在html中的2種使用方式(hello world),前端(html+css+js)知識點(diǎn)雜燴,javascript,html,開發(fā)語言

demo.html完整文件內(nèi)容如下:

<!DOCTYPE HTML>
<html>
    <title>hello world</title>
    <body>

        <script src="./demojs.js">alert("hello world-2");</script>
        <script>alert("hello world-3");</script>

    </body>
</html>

注意:script標(biāo)簽一旦引入外部文件,就不能編寫代碼了,即使寫了瀏覽器也會自動忽略。

如果需要再創(chuàng)建一個script代碼即可。文章來源地址http://www.zghlxwxcb.cn/news/detail-660419.html

到了這里,關(guān)于js簡介以及在html中的2種使用方式(hello world)的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • MNIST手寫數(shù)字辨識-cnn網(wǎng)路 (機(jī)器學(xué)習(xí)中的hello world,加油)

    MNIST手寫數(shù)字辨識-cnn網(wǎng)路 (機(jī)器學(xué)習(xí)中的hello world,加油)

    用PyTorch實(shí)現(xiàn)MNIST手寫數(shù)字識別(非常詳細(xì)) - 知乎 (zhihu.com) 參考來源(這篇文章非常適合入門來看,每個細(xì)節(jié)都講解得很到位) 一、模塊函數(shù)用法-查漏補(bǔ)缺: 1.關(guān)于torch.nn.functional.max_pool2d()的用法: 上述示例中,輸入張量 input 經(jīng)過最大池化操作后,使用了 kernel_size=2 和 strid

    2024年02月09日
    瀏覽(44)
  • Visual Studio 2022 MASM x64匯編hello world以及調(diào)試(Console版 + Windows版)

    本文介紹使用Visual Studio 2022的MASM開發(fā)x64匯編程序hello world的環(huán)境配置和匯編代碼,作為學(xué)習(xí)CPU指令的起點(diǎn)。分兩個版本的hello world, 一個是console版本,另一個是windows版本。 首先安裝visual studio community 2022,下載地址 https://visualstudio.microsoft.com/,安裝時選擇C++開發(fā)模塊 安裝好以

    2024年02月05日
    瀏覽(31)
  • 程序員的周末——硬件設(shè)計中的Hello World__STM32核心板繪制

    程序員的周末——硬件設(shè)計中的Hello World__STM32核心板繪制

    目錄 1 原理圖庫的創(chuàng)建 1.1 原理圖庫創(chuàng)建過程中用到的操作或者快捷鍵 2 PCB封裝庫的創(chuàng)建 2.1 PCB封裝庫創(chuàng)建過程中用到的操作或者快捷鍵 3 原理圖設(shè)計??????? 3.1 原理圖設(shè)計過程中使用到的功能菜單或者快捷鍵記錄 4 PCB元器件布局 4.1 布局之后完整的PCB 4.2 PCB布局過程中

    2024年01月20日
    瀏覽(43)
  • 【JavaWeb】使用Servlet實(shí)現(xiàn)輸出 hello world

    【JavaWeb】使用Servlet實(shí)現(xiàn)輸出 hello world

    之前講過如何使用IDEA創(chuàng)建Servlet項目. 因此創(chuàng)建項目這一步就不過多介紹了 有需要的可以看一下?IDEA專業(yè)版和社區(qū)版創(chuàng)建Servlet項目 今天介紹如何使用Servlet輸出一個\\\"hello world\\\". 示例: 解釋一下 @WebServlet(\\\"/hello\\\") 這是什么意思 @WebServlet()會根據(jù)某些GET請求會生效, 然后里面寫的

    2024年02月09日
    瀏覽(17)
  • Android中AIDL的簡單使用(Hello world)

    Android中AIDL的簡單使用(Hello world)

    AIDL:Android Interface Definition Language(Android接口定義語言) 作用:跨進(jìn)程通訊。如A應(yīng)用調(diào)用B應(yīng)用提供的接口 A應(yīng)用創(chuàng)建aidl接口,并且創(chuàng)建一個Service來實(shí)現(xiàn)這個接口(在onBind方法里面return我們這個接口的實(shí)例)。 把A應(yīng)用創(chuàng)建的aidl文件原封不動的搬至B應(yīng)用中(注意包名類名都

    2024年02月11日
    瀏覽(24)
  • windows下cmake的小白級入門使用教程(hello world)

    windows下cmake的小白級入門使用教程(hello world)

    想學(xué)習(xí)cmake,基于慣性思維,想先跑通一個“hello world”的例子,奈何網(wǎng)上教程一大把,有用的教程破費(fèi)功夫?qū)ふ?。大部分教程都沒有從新電腦(重裝系統(tǒng)后的電腦)的角度講述步驟。 為了得到干凈的電腦環(huán)境,研究了一段時間VMware虛擬機(jī),并寫了幾篇文章,感興趣的讀者可移步

    2024年02月14日
    瀏覽(25)
  • 使用 GNU 匯編語法編寫 Hello World 程序的三種方法

    使用 GNU 匯編語法編寫 Hello World 程序的三種方法

    本篇我們使用匯編來寫一個經(jīng)典的? Hello world ?程序。 運(yùn)行環(huán)境: OS:Ubuntu 18.04.5 LTS x86-64 gcc:version 4.8.5 在用戶空間編寫匯編程序輸出字符串,有三種方法: 調(diào)用C庫函數(shù)? printf 使用軟中斷? int 0x80 使用? syscall 系統(tǒng)調(diào)用 下面對三種方法,分別進(jìn)行說明。 為了更好的理解匯

    2024年02月06日
    瀏覽(39)
  • 編程筆記 Golang基礎(chǔ) 007 第一個程序:hello world 使用Goland

    編程筆記 Golang基礎(chǔ) 007 第一個程序:hello world 使用Goland

    開始在Goland環(huán)境中編程go語言代碼啦。 打開GoLand軟件。 選擇 “File”(文件)菜單,然后點(diǎn)擊 “New Project”(新建項目)或使用快捷鍵 Ctrl+Shift+A 并搜索 “New Project”。 在新建項目向?qū)е校x擇 “Go” 并點(diǎn)擊 “Next” 按鈕。 配置項目設(shè)置: 為項目選擇一個合適的保存位置。

    2024年02月20日
    瀏覽(25)
  • 使用Microsoft Visual Studio 2022創(chuàng)建C語言項目并打印Hello World

    使用Microsoft Visual Studio 2022創(chuàng)建C語言項目并打印Hello World

    安裝Visual Studio 安裝C++環(huán)境 創(chuàng)建新項目 選擇C++語言 創(chuàng)建空項目 填入自己的項目名稱 新建源文件 9. 添加新項 10. 選擇C++文件 將創(chuàng)建的文件名后綴改為.C文件 11. 填入代碼 運(yùn)行調(diào)試 12. 輸出結(jié)果到控制臺

    2024年02月13日
    瀏覽(20)
  • 【小黑嵌入式系統(tǒng)第八課】初識PSoC Creator?開發(fā)——關(guān)于PSoC Creator&下載、創(chuàng)建項目、單片機(jī)中的hello world(點(diǎn)亮一個led)

    【小黑嵌入式系統(tǒng)第八課】初識PSoC Creator?開發(fā)——關(guān)于PSoC Creator&下載、創(chuàng)建項目、單片機(jī)中的hello world(點(diǎn)亮一個led)

    上一課: 【小黑嵌入式系統(tǒng)第七課】PSoC? 5LP 開發(fā)套件(CY8CKIT-050B )——PSoC? 5LP主芯片、I/O系統(tǒng)、GPIO控制LED流水燈的實(shí)現(xiàn) 下一課: 【小黑嵌入式系統(tǒng)第九課】PSoC 5LP第一個實(shí)驗——LED、字符型LCD顯示實(shí)驗 本課程主要介紹了 PSoC? 5LP, 一個基于 ARM? Cortex?-M3 的可編程片上系

    2024年02月03日
    瀏覽(26)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包