欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript基本語法講解

 更新時間:2015年06月03日 10:57:29   作者:易百  
這篇文章主要介紹了JavaScript的基本語法,包括注釋和書寫格式等基本知識,需要的朋友可以參考下

 JavaScript由被放置在<script>... </script>的JavaScript語句,在網(wǎng)頁中的HTML標(biāo)簽。

可以將<script>包含您的JavaScript在網(wǎng)頁的任何地方,但最好的方式是放它在<head>標(biāo)簽內(nèi)。

<script>標(biāo)記警告瀏覽器程序,開始解釋這些標(biāo)記之間的所有文本作為一個腳本。所以,JavaScript的語法簡單如下:

復(fù)制代碼 代碼如下:
<script ...>
  JavaScript code
</script>

script標(biāo)簽有兩個重要屬性:

  1.     language: 該屬性指定的腳本語言所使用。通常情況下,它的值是JavaScript。雖然最近HTML(和XHTML,其繼任者)的版本已經(jīng)不再使用這個屬性。
  2.     type: 該屬性是現(xiàn)在被推薦來指示所使用的腳本語言和它的值應(yīng)被設(shè)置為 "text/javascript".

所以,你的JavaScript片段應(yīng)該是這樣的:

<script language="javascript" type="text/javascript">
 JavaScript code
</script>

第一個JavaScript腳本:

讓我們寫一個例子打印出來 "Hello World".

<html>
<body>
<script language="javascript" type="text/javascript">
<!--
  document.write("Hello World!")
//-->
</script>
</body>
</html>

Javascript代碼可選HTML注釋。這里是的代碼不支持JavaScript的瀏覽器。用“//->”注釋結(jié)束?!?/”表示在Javascript的注釋,所以我們增加了防止瀏覽器在讀取HTML注釋的結(jié)尾作為一段JavaScript代碼。

接下來,我們調(diào)用一個函數(shù)document.write其寫入字符串到HTML文檔。這個函數(shù)可用于寫文本,HTML,或兩者都有。所以,上面的代碼會顯示以下結(jié)果:

Hello World!

空格和換行:

JavaScript忽略空格,制表符和換行符出現(xiàn)在JavaScript程序。

因?yàn)檫@樣你就可以自由地格式化和縮進(jìn)程序在一個整潔,一致的方式,使代碼易于閱讀和理解,你可以使用空格,制表符,換行符和自由地在你的程序中。
分號是可選:

一般后跟一個分號在JavaScript中簡單的語句,只是因?yàn)樗鼈冊贑,C++和Java。 JavaScript,但是可以忽略這個分號,如果每個語句放置在一個單獨(dú)的行。例如,下列代碼可被寫入,而不使用分號

<script language="javascript" type="text/javascript">
<!--
 var1 = 10
 var2 = 20
//-->
</script>

但是,當(dāng)在一行如下格式化,分號是必需的:

<script language="javascript" type="text/javascript">
<!--
 var1 = 10; var2 = 20;
//-->
</script>

注:使用分號是一個良好的編程習(xí)慣。
區(qū)分大小寫:

JavaScript是一種區(qū)分大小寫的語言。這意味著,語言的關(guān)鍵字,變量,函數(shù)名,以及任何其他的標(biāo)識符必須始終用一個字母一致寫入大小寫。

所以標(biāo)識符Time, TIme 和TIME 在JavaScript中有不同的含義。

注:在變量和函數(shù)名在JavaScript中應(yīng)注意。
JavaScript中的注釋:

JavaScript 支持C風(fēng)格和C++ 風(fēng)格的注釋,因此:

  •     //和行結(jié)束之間的所有文本將被視為一個注釋,是會被JavaScript忽略。
  •     任何文本在/*和*/之間的字符被視為注釋。這可能會跨越多行。
  •     JavaScript還承認(rèn)HTML注釋打開順序<!--, JavaScript對待這是一個單行注釋,就像//注釋。
  •     在HTML注釋結(jié)束序列-->無法識別,所以JavaScript應(yīng)該寫成//-->。

示例:

<script language="javascript" type="text/javascript">
<!--

// This is a comment. It is similar to comments in C++

/*
 * This is a multiline comment in JavaScript
 * It is very similar to comments in C Programming
 */
//-->
</script>

相關(guān)文章

  • 前端JavaScript中的class類

    前端JavaScript中的class類

    這篇文章主要介紹了前端JavaScript中的class,類是用于創(chuàng)建對象的模板,JavaScript中的Class更多的還是語法糖,本質(zhì)上繞不開原型鏈,下面就來看看關(guān)于JavaScript class類的詳細(xì)內(nèi)容吧
    2021-10-10
  • JavaScript前端構(gòu)建工具原理的理解

    JavaScript前端構(gòu)建工具原理的理解

    這篇文章主要為大家介紹了JavaScript前端構(gòu)建工具原理的理解分享,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • JS前端監(jiān)控采集用戶行為的N種姿勢

    JS前端監(jiān)控采集用戶行為的N種姿勢

    這篇文章主要為大家介紹了JS前端監(jiān)控采集用戶行為的N種姿勢,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • 使用MUI框架模擬手機(jī)端的下拉刷新和上拉加載功能

    使用MUI框架模擬手機(jī)端的下拉刷新和上拉加載功能

    mui框架基于htm5plus的XMLHttpRequest,封裝了常用的Ajax函數(shù)。本文重點(diǎn)給大家介紹使用MUI框架模擬手機(jī)端的下拉刷新和上拉加載功能,感興趣的朋友參考下吧
    2017-09-09
  • 四十九個javascript小知識實(shí)用技巧

    四十九個javascript小知識實(shí)用技巧

    這篇文章主要給大家分享得是四十九個javascript小知識實(shí)用技巧像下面文章圍繞JavaScript得各種技巧詳細(xì)介紹,需要的朋友可以參考一下,希望對你有所幫助
    2021-11-11
  • Ant Design 的Bug修復(fù)示例詳解

    Ant Design 的Bug修復(fù)示例詳解

    這篇文章主要為大家介紹了Ant Design 的Bug修復(fù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • JavaScript中MutationObServer監(jiān)聽DOM元素詳情

    JavaScript中MutationObServer監(jiān)聽DOM元素詳情

    這篇文章主要給大家分享的是?JavaScript中MutationObServer監(jiān)聽DOM元素詳情,DOM的MutationObServer接口,可以在DOM被修改時異步執(zhí)行回調(diào)函數(shù),我的理解就是可以監(jiān)聽DOM修改。下面來看看文章的詳細(xì)內(nèi)容,需要的朋友可以參考一下
    2021-11-11
  • arrify 轉(zhuǎn)數(shù)組實(shí)現(xiàn)示例源碼解析

    arrify 轉(zhuǎn)數(shù)組實(shí)現(xiàn)示例源碼解析

    這篇文章主要為大家介紹了arrify 轉(zhuǎn)數(shù)組實(shí)現(xiàn)示例源碼解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-12-12
  • 微信小程序 Canvas增強(qiáng)組件實(shí)例詳解及源碼分享

    微信小程序 Canvas增強(qiáng)組件實(shí)例詳解及源碼分享

    這篇文章主要介紹了微信小程序 Canvas增強(qiáng)組件實(shí)例詳解及源碼分享的相關(guān)資料,WeZRender是一個微信小程序Canvas增強(qiáng)組件,這里詳細(xì)介紹,需要的朋友可以參考下
    2017-01-01
  • 微信小程序(五)頁面生命周期詳細(xì)介紹

    微信小程序(五)頁面生命周期詳細(xì)介紹

    這篇文章主要介紹了 微信小程序頁面生命周期的相關(guān)資料,需要的朋友可以參考下
    2016-09-09

最新評論