1. 程式人生 > >JavaScript指令碼語言介紹並實現第一個Hello World程式

JavaScript指令碼語言介紹並實現第一個Hello World程式

1.JavaScript是Web頁面中的一種指令碼程式語言,也是一種通用的、跨平臺的、基於物件和事件驅動並具有安全性的指令碼語言,具有與Java類似的語法。它不需要進行編譯,而是直接嵌入在HTML頁面中,把靜態頁面轉變成支援使用者互動並響應相應事件的動態頁面,JavaScript是一種使用簡單,功能強大的程式語言。

2.JavaScript的重要性:(1).面向物件的敲門磚。(2).具備完整的語法。(3).隨著Web瀏覽器的改進,功能越來越強大。(4).是搭配伺服器端技術的主要客戶端程式語言。

3.JavaScript指令碼語言的基本特點如下:

(1).解釋性:JavaScript不同於一些編譯性的程式語言,例如C、C++等,它是一種解釋性的程式語言,它的原始碼不需要經過編譯,而直接在瀏覽器中執行時被解釋。

(2).基於物件:JavaScript是一種基於物件的語言。這意味著它能運用自己已經建立的物件。因此,許多功能可以來自於指令碼環境中物件的方法與指令碼的相互作用。

(3).事件驅動:JavaScript可以直接對使用者或客戶輸入做出響應,無須經過Web服務程式。它對使用者的響應,是以事件驅動的方式進行的。所謂事件驅動,就是指在主頁中執行了某種操作所產生的動作,此動作稱為“事件”。比如按下滑鼠、移動視窗、選擇選單等都可以視為事件。當事件發生後,可能會引起相應的事件響應。

(4).跨平臺:JavaScript依賴於瀏覽器本身,與操作環境無關,只要能執行瀏覽器的計算機,並支援JavaScript的瀏覽器就可正確執行。

(5).安全性:JavaScript是一種安全性語言,它不允許訪問本地的硬碟,並不能將資料存入到伺服器上,不允許對網路文件進行修改和刪除,只能通過瀏覽器實現資訊瀏覽或動態互動。這樣可有效地防止資料的丟失。

4.JavaScript指令碼語言的使用範圍:

(1).適合做:客戶端資料計算,客戶端表單合法性驗證,瀏覽器物件的呼叫,瀏覽器事件的觸發,網頁特殊顯示效果製作。

(2).不適合做:大型應用程式,影象和多媒體處理,網路實時通訊應用。

5.JavaScript的常見應用有:

(1).驗證使用者輸入的內容:使用JavaScript指令碼語言可以在客戶端對使用者輸入的資料進行驗證。

(2).動畫效果:在瀏覽網頁時,經常會看到一些動畫效果,使頁面顯得更加生動,使用JavaScript指令碼語言可以實現動畫效果。

(3).視窗的應用:在開啟網頁時經常會看到一些浮動的廣告視窗,這些廣告視窗是網站最大的盈利手段。可以通過JavaScript指令碼語言來實現。

(4).文字特效:使用JavaScript指令碼語言可以使文字實現多種特效。

5.JavaScript指令碼語言與Java語言有著類似的語法,那它們之間有什麼區別呢?

JavaScript與Java的區別:

(1).JavaScript與Java執行方式不一樣,JavaScript是解釋執行,Java是編譯,解釋執行。

(2).JavaScript不是Java的簡化版本,邏輯運算子、語句結構類似,變數申明、物件呼叫等不同。

(3).JavaScript和Java功能實現不一樣,JavaScript通過瀏覽器實現程式功能,Java通過Java虛擬機器實現程式功能。

6.JavaScript的編輯工具有很多:Notepad,Ultraedit,EditPlus,Microsoft FrontPage、DreamWeaver、Microsoft Visual InterDev,Eclipse,JBuilder,NetBean等IDE開發工具

對於比較簡單的程式,可以直接使用系統自帶的記事本直接書寫原始碼。

7.下面我將直接利用記事本書寫第一個JavaScript程式,Hello World應用:

(1).首先,在你計算機的硬盤裡新建一個資料夾,專門放JavaScript程式碼,我在F盤新建一個js資料夾。

(2).第一種實現Hello World小程式的方式,在網頁中直接嵌入JavaScript:

在F盤裡新建一個文字文件,取名為test.html檔案,在使用記事本開啟,開始書寫原始碼:

test.html檔案的程式碼:

<script language="JavaScript">
/*
程式功能,定義一個函式,用於顯示Hello World
*/
function sayHello(){
	//在HTML文件中顯示hello
	document.write("Hello World");
}
sayHello();//呼叫sayHello()函式
</script>

如果test.html檔案的程式碼改為:

<html>
<body>
<script language="JavaScript">
/*
程式功能,定義一個函式,用於顯示Hello World
*/
function sayHello(){
	//在HTML文件中顯示hello
	document.write("Hello World");
}
sayHello();//呼叫sayHello()函式
</script>
</body>
</html>
效果是一樣的。

ctrl+s儲存之後,雙擊開啟test.html檔案,效果如下:



(3)第二種實現Hello JavaScript小程式的方式,在網頁中呼叫獨立的JavaScript檔案:

在F盤裡新建一個test1.js檔案,JavaScript檔案的副檔名為js,使用記事本開啟,開始書寫程式碼:

test.js檔案的程式碼:

function sayHello(){
	document.write("Hello JavaScript");
}
sayHello();


然後在新建一個test1.html檔案,用記事本開啟,寫程式碼,程式碼如下:

<script language="JavaScript" src="test1.js"></script>

執行test1.html檔案,效果如下:

 

在執行html檔案時,如果要嵌入和呼叫JavaScript檔案的話,開啟IE瀏覽器時,有可能會出現下圖的情況,點選允許阻止的內容就行了:


8.雖然大多數瀏覽器都支援JavaScript,但少部分瀏覽器不支援JavaScript,還有些支援JavaScript的瀏覽器為了安全問題關閉了對<JavaScript>的支援。如果遇到不支援JavaScript指令碼的瀏覽器,網頁會達不到預期效果或出現錯誤。解決這個問題可以使用以下兩種方法:
(1).HTML註釋符號:HTML註釋符號是以<!--開始以-->結束的。如果在此註釋符號內編寫JavaScript指令碼,對於不支援JavaScript的瀏覽器,將會把編寫的JavaScript指令碼作為註釋處理。
(2). <noscript>標記:如果當前瀏覽器支援JavaScript指令碼,那麼該瀏覽器將會忽略<noscript>…</noscript>標記之間的任何內容。如果瀏覽器不支援JavaScript指令碼,那麼瀏覽器將會把這兩個標記之間的內容顯示出來。通過此標記可以提醒瀏覽者當前使用的瀏覽器是否支援JavaScript指令碼。

9.JavaScript指令碼語言區分字母大小寫。

10.JavaScript程式出錯型別分為語法錯誤和邏輯錯誤兩種:

(1).語法錯誤:語法錯誤是在程式開發中使用不符合某種語言規則的語句, 從而產生的錯誤稱為語法錯誤。例如,錯誤地使用了JavaScript的關鍵字,錯誤地定義了變數名稱等,這時,當瀏覽器執行JavaScript程式時就會報錯,比如你把小寫的JavaScript的關鍵字寫成大寫的,就是語法錯誤。

(2)邏輯錯誤:有些時候,程式中不存在語法錯誤,也沒有執行非法操作的語句,可是程式執行的結果卻是不正確的,這種錯誤叫做邏輯錯誤。邏輯錯誤對於編譯器來說並不算錯誤,但是由於程式碼中存在的邏輯問題,導致執行結果沒有得到期望的結果。邏輯錯誤在語法上是不存在錯誤的,但是從程式的功能上看是Bug。它是最難除錯和發現的Bug。因為它們不會丟擲任何錯誤資訊。惟一能看到的就是程式的功能(或部分功能)沒有實現。因此,在編寫程式的過程中,一定要注意使用語句或者函式的書寫完整性,否則將導致程式出錯。


11.以上內容僅供大家學習參考,寫得不好,請見諒,如有錯誤,請指出,謝謝!


相關推薦

JavaScript指令碼語言介紹實現一個Hello World程式

1.JavaScript是Web頁面中的一種指令碼程式語言,也是一種通用的、跨平臺的、基於物件和事件驅動並具有安全性的指令碼語言,具有與Java類似的語法。它不需要進行編譯,而是直接嵌入在HTML頁面中,把靜態頁面轉變成支援使用者互動並響應相應事件的動態頁面,JavaS

Struts2之struts-2.3.20開發環境的搭建實現一個Hello World小應用

搭建Struts2的開發環境,一般要做以下三個步驟: 1.找到開發Struts2應用需要使用到的jar檔案,接下來介紹如何在網上下載Struts所需要的工具並找到開發Struts應用的jar檔案: (1).首先,在百度中搜索Struts2,然後開啟下圖的紅色箭頭指向處(也可

PyQt5 IDE安裝執行一個hello world程式

由來 本人一直採用c++作為個人官方語言,對pyqt早有耳聞,之前也想嘗試下寫個hello word程式試試,苦於一直不知道有什麼比較好的IDE來進行開發一直擱置。今天,終於耐下心來把這一套搞定了,記錄下。 開始 安裝PyQt5及配置IDE 安裝

windows下用Go語言實現一個hello world

1,下載go編譯器———go編譯器下載地址https://golang.org/dl/ go編譯器下載地址 2,然後點選進行安裝,由於是msi檔案,如果需要.NET元件請自行下載進行安裝

Dubbo-一個Hello World程式

Dubbo 是阿里巴巴在2011年開源的分散式服務框架,是SOA服務化治理方案的核心框架。Dubbo的整體架構如圖所示; Provider: 暴露服務的服務提供方。 Consumer: 呼叫遠端服務的服務消費方。 Registry: 服務註冊與發現的註冊中心。

Android---安裝 Android第一天——安裝Android Studio 3.0和一個Hello World程式(一)

原 Android第一天——安裝Android Studio 3.0和第一個Hello World程式(一) 2018年03月09日 11:26:38 閱讀數:9423

Android ——安裝Android Studio 3.0和一個Hello World程式(一)

Android第一天——安裝Android Studio 3.0和第一個Hello World程式(一) 轉自:https://blog.csdn.net/tangjie134/article/details/79495204​​​​​​​ 1.Android Studio 3.0和SDK獲

c#通過visual studio 2010寫一個hello world程式

首先開啟介面 然後新建專案 ----》》 c#  --》》控制檯應用程式----》》改一下專案名-----》》  然後可以改一下專案位置----》》點選確認。 然後你就會開啟啦一個program

JavaWeb 實現一個Filter過濾器程式(教材學習筆記)

Filter被稱作過濾器,其基本功能就是對Servlet容器呼叫Servlet的過程進行攔截,從而實現一些特殊功能, Filter介面包含了三個方法 init()方法主要就是用來初始化過濾器,只會在web程式載入的時候呼叫一次 doFilter()方法是響應客戶端請求的,只要有請求就

初次安裝Android studio,建立自己一個hello world

Window10+64位+Android studio2.2.2版本,具體教程網上搜索的,由於是去年安裝的軟體,所以已經找不到連結地址。可以自行搜尋。hello world建立很簡單,可網上任意找一版本學習即可。自己用的真機執行。模擬機好久都是黑屏,不顯示。具體原因網上很多,

在Android Studio中創建(或添加)一個Hello World應用程序

創建過程 eight 過程 使用真機 項目路徑 應用程序 設備 ext 直接 下面我們將使用Android Studio創建第第一個簡單的Hello World應用程序。 1、打開Android Studio,加載畫面如下圖所示: 2、選擇”Start a new A

五分鐘學習React(二):我的一個Hello World

pre 模板 介紹 現在 gpo 定義 back 解釋 一個 我的第一個React應用 接著我們上一期所講的內容,通過create-react-app腳手架創建的應用,它是基於ES6的語法生成的。我們清空src目錄下的文件,並分別創建index.js和index.css文

一個hello ros程式

1  設定環境變數       在使用者許可權下輸入以下命令               每次啟動一個新的shell,且要在這個shell中執行ROS時,只要執行上述s

Maven的安裝配置與一個hello-world

1.安裝配置 Maven的安裝與配置 maven定義: Maven實一個給予java平臺的自動化構建工具 make => ant => maven =>gradle(gradl

使用Android Studio建立一個Hello World應用程式

 前面的部落格跟大家介紹了:下面我們將使用Android Studio建立第第一個簡單的Hello World應用程式。1、開啟Android Studio,載入畫面如下圖所示:2、選擇”Start a

HIDL一個Hello World(待續)

# source build/envsetup.sh # lunch # make hidl-gen -j4 一、server端 1.建立INaruto.hal檔案 # cd hardware # mkdir -p ~/android/hardware/interfaces/naruto/1.0

在Visual Studio 2017中建立一個Hello World應用

Visual Studio是一套完備的工具和服務,可幫助您在Microsoft平臺或其他平臺建立各種各樣的應用程式。本文旨在指導如何在Windows Visual Studio平臺上使用XAML和C#建立一個簡單的“Hello World”應用。通過本文你將瞭解到面向Windows 10和UWP如何

我的一個python web開發框架(6)——一個Hello World

轉載 :https://www.cnblogs.com/EmptyFS/p/7491949.html小白中午聽完老菜講的那些話後一直在思考,可想來想去還是一頭霧水,暈暈呼呼的一知半解,到最後還是想不明白,心想:老大講的太高深了,只能聽懂一半半,看來只能先記下來,將明白的先做,

hadoop的一個hello world程序(wordcount)

說明 內部 interrupt cat 兼容 str 文件 extend 代碼 在hadoop生態中,wordcount是hadoop世界的第一個hello world程序。 wordcount程序是用於對文本中出現的詞計數,從而得到詞頻,本例中的詞以空格分隔。 關於map

3章、一個Hello,world!”之Android App(從零開始學Android)

  幾乎所有中、英、法、德、美等版本的程式設計教材中,“hello,world!”程式總是作為開篇之作,可謂經典之中的經典!我本打算用“Hello,android!”替代它,但網上有240種語言都在寫這個“Hello,world!“,所以我想想之後,還是保留吧!   良好的