javascript簡介及基本語法

2022-01-04 築夢編程

一、javascript的簡介


* 是基於對象和事件驅動的語言,應用於客戶端。

    - 基於對象:

         提供好了很多對象,可以直接拿過來使用

    - 事件驅動:

        html做網站靜態效果,javascript動態效果

    - 客戶端:專門指的是瀏覽器

* js的特點

    (1)交互性

        - 信息的動態交互

    (2)安全性

        - js不能訪問本地磁碟的文件

    (3)跨平臺性

        - java裡面跨平臺性,虛擬機

        - 只要能夠支持js的瀏覽器,都可以運行

* javascript和java的區別(雷鋒和雷峰塔)

    (1)java是sun公司,現在oracle;js是網景公司

    (2)JavaScript 是基於對象的,java是面向對象

    (3)java是強類型的語言,js是弱類型的語言

        - 比如java裡面 int i = "10";

        - js:  var i = 10; var m = "10";

    (4)JavaScript只需解析就可以執行,而java需要先編譯成字節碼文件,再執行。


* javascript的組成

    三部分組成

    (1)ECMAScript

        - ECMA : 歐洲計算機協會

        - 由ECMA組織制定的js的語法,語句

    (2)BOM

        - broswer object model: 瀏覽器對象模型

    (3)DOM

        - document object model:文檔對象模型

二、js和html的結合方式(兩種)

  第一種:

- 使用一個標籤 <script type="text/javascript">  js代碼; </script>           

第二種:

- 使用script標籤,引入一個外部的js文件

    *** 創建一個js文件,寫js代碼

- <script type="text/javascript" src="1.js"></script>

    ** 使用第二種方式時候,就不要在script標籤裡面寫js代碼了,不會執行。            

三、js的原始類型和聲明變量

** java的基本數據類型 :byte short int long float double char boolean

** 定義變量 都使用關鍵字 var

** js的原始類型(五個)

- string: 字符串

*** var str = "abc";

- number:數字類型

*** var m = 123;

        - boolean:true和false

*** var flag = true;

- null

*** var date = new Date();

*** 獲取對象的引用,null表示對象引用為空 ,所有對象的引用也是object

- undifined

*** 定義一個變量,沒有賦值

*** var aa;

** typeof(); 查看當前變量的數據類型


四、js的語句

- java裡面的語句: 

** if判斷

** switch語句

** 循環 for  while do-while

** if判斷語句

**** =:表示賦值

**** ==:表示判斷

** switch語句

- java裡面支持數據類型 string支持嗎?在jdk1.7開始支持

- js裡面都支持

- switch(a) {

case 5:

break;

case 6:

break;

default:

.

 }

** 循環語句 for  while    do-while

- while循環

**** var i = 5;

while(i>1) {

alert(i);

i--;

}

 - for循環

for(var mm=0;mm<=3;mm++) {

alert(mm);

}

** i++,++i和java裡面一樣


五、js的數組

* 什麼是數組?

- 使用變量,var m = 10;

- java裡面的數組 定義 int[] arr = {1,2,3};

* 定義方式(三種)

第一種: var arr = [];         //可以先定義一個空數組,之後在添加元素

                 var arr = [1,"4",true];  //可以定義數組的時候添加元素,之後也可以繼續向後添加元素

第二種:使用內置對象 Array對象

var arr1 = new Array(5);  //定義一個數組,數組的長度是5

第三種:使用內置對象 Array

var arr2 = new Array(3,4,5); //定義一個數組,數組裡面的元素是3 4 5 

* 數組裡面有一個屬性  length:可以獲取到數組的長度

* 數組可以存放不同的數據類型的數據

* 數組的長度是可變的


六、js的全局變量和局部變量

** 全局變量:在script標籤裡面定義一個變量,這個變量在頁面中js部分都可以使用

- 在方法外部使用,在方法內部使用,在另外一個script標籤使用

** 局部變量:在方法內部定義一個變量,只能在方法內部使用

- 如果在方法的外部調用這個變量,提示出錯

** ie自帶了一個調試工具,ie8及其以上的版本中,鍵盤上 F12就會顯示

相關焦點

  • 【每天一學】JavaScript語法
    所以,JavaScript的語法簡單如下:  <script ...<html><body><script language="javascript" type="text/javascript"><!
  • JavaScript 基礎語法
    本文內容概要:1 回顧JavaScript的基本組成2 JavaScript引入方式3 JavaScript基本調試4 JavaScript常見調試方法5 變量(標識符)6JavaScript基本數據類型7 課程小結8 課後練習1 回顧JavaScript的基本組成JavaScript = ECMAScript + DOM + BOM;今天我們要講解的就是ECMAScript中的部分基礎語法。
  • JavaScript基礎語法
    JavaScript基礎語法序言一、JS用法1.js引入方式,內嵌式2.js引入方式,行內式3.js引入方式,外鏈式二、JS調試與注釋三、JS變量四、JS數據類型1.number數字類型2.string字符串(用雙引號或單引號括起來的都會被解析成字符串)
  • JavaScript 語法流派現狀調查
    因而,自 CoffeeScript 在2009年問世之後,便一發不可收拾的又湧出了眾多轉譯語法,什麼ES6、TypeScipt、Elm等等,它們都各有特色,提高了寫碼效率,當然,最終還是都會編譯成我們熟悉的原生JavaScript。本文,我們看看針對於JavaScript語法流派的調查 結果。
  • JavaScript基礎語法入門
    學習一門新的語言看起來可能很難,但並非如此,雖然它看起來比css更複雜,但只要領悟了它的語法,就會發現自己又掌握了一項超級強大的web開發工具。說到底,代碼其實都是思想和概念的表現而已。而且大家在學習的過程中如果記不住這些語法關鍵字也沒什麼關係。事實上沒多少人能把一門語言的所有語法關節都記住,如果有拿不準的地方,直接谷歌。
  • 10分鐘了解Javascript
    點擊上面「天碼營」,加入我們,快速成長~「內容簡介」JavaScript有著直觀的語法,是一門非常容易上手的程式語言
  • 【C】簡介、基本語法、數據類型
    C 基本語法我們已經看過 C 程序的基本結構,這將有助於我們理解 C 語言的其他基本的構建塊。C 的標記(Tokens)C 程序由各種標記組成,標記可以是關鍵字、標識符、常量、字符串值,或者是一個符號。例如,下面的 C 語句包括五個標記:printf("Hello, W3Cschool!
  • 一次性搞懂JavaScript正則表達式之語法
    語法很簡單:圓括號內最左邊加上?=標識。'CoffeeScript JavaScript javascript'.match(/\b\w{4}(?=Script\b)/);上面匹配的是四個字母,這四個字母要滿足以下條件:緊跟著的應該是Script字符串,而且Script字符串應該是單詞的結尾部分。
  • 搜尋引擎基本語法
    google基本語法Index of/ 使用它可以直接進入網站首頁下的所有文件和文件夾中。intext:  將返回所有在網頁正文部分包含關鍵詞的網頁。intitle:  將返回所有網頁標題中包含關鍵詞的網頁。cache:  搜索google裡關於某些內容的緩存。
  • JAVA java的基本語法之基本語法格式,注釋、關鍵字、標示符
    一、 Java 的基本語法Java作為一門程式語言,有自己的規則,這個規則我們把它叫做語法。
  • 【入門指導】入門javascript需要看的書
    不需要學習JavaScript的那些奇奇怪怪的語法,只要你有基本的編程基礎,你就可以通過JS操作DOM,做出簡單的效果的網頁。JavaScript高級程序設計(第3版)如果說《javascript權威指南》是一本字典,那zakas這本《javascript高級程序設計》可以算是一本由淺入深的好讀物。
  • JavaScript函數的6個基本術語
    如果它對你有所幫助,只需將它視為函數的新縮短語法就行。然而,在對象或類中使用它們時要注意this的指向。什麼是first-class functions(頭等函數)?First-class type 意味著,該類型可以用作變量的值。在JavaScript中一個字符串是頭等類型,一個函數也是頭等類型。
  • javascript:void(0) 含義解析 | JavaScript 教程
    我們經常會使用到 javascript:void(0) 這樣的代碼,在 JavaScrip 中 javascript:void(0) 代表的是什麼意思呢
  • WebGL著色器入門(一)簡介
    WebGL著色器入門(一)簡介概述早期的系統中,可能只有一個處理器,即CPU,常規的處理和圖形處理都由他完成,現在,幾乎所有的圖形系統都使用了專用的圖形處理單元
  • 前端從零開始(2)HTML 基本語法
    HTML 基本語法HTML 它有屬於它自己的一套專屬語法。我們如果想要編寫一個完整的網頁,那麼我們就必須遵循 HTML 的語法來編寫代碼,HTML 都是由各種標籤構成的,我們只需要記住這些標籤的寫法和意義,那麼我們就可以編寫網頁的基本結構了。
  • C語言 基本語法
    C 基本語法我們已經看過 C 程序的基本結構,這將有助於我們理解 C 語言的其他基本的構建塊。
  • 【每天一學】JavaScript Switch Case
    語法  switch語句的基本語法給出一個expression,以評估計算幾種不同的語句基於該表達式的值來執行。解釋器檢查對表達式的值的每一種情況,直到找到一個匹配。如果沒有匹配,則預設(default)條件將被使用。
  • javascript DOM和DOM操作的四種基本方法
    來源 | https://blog.csdn.net/IamChuancey/article/details/78306072在了解了javascript
  • PHP入門-書寫語法以及基本規範
  • Markdown語法
    >Markdown 區塊引用是在段落開頭使用 > 符號 ,然後後面緊跟一個空格符號:>區塊引用分割線三個槓或三個星號為分割線圖片Markdown 圖片語法格式如下這些標記後面要添加一個空格,然後再填寫內容*第一項*第二項*第三項+第一項+第二項+第三項-第一項-第二項-第三項代碼可以用 ``` 包裹一段代碼```javascript