JavaScript指令碼語言介紹並實現第一個Hello World程式
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!“,所以我想想之後,還是保留吧! 良好的