首頁 > web前端 > js教程 > javascript學習筆記整理(概述、變數、資料類型簡介)_基礎知識

javascript學習筆記整理(概述、變數、資料類型簡介)_基礎知識

WBOY
發布: 2016-05-16 15:35:08
原創
1441 人瀏覽過

A.概述
1.輸出工具:

document.write()---可以是html

alert()---字串

prompt(text,defaultText)
  text---可選。要在對話方塊中顯示的純文字(而不是 HTML 格式的文字)。
  defaultText---可選。預設的輸入文字。

2.js的放置

a.可以再HTML的任何位置放置

b.但他是一個整體,相互影響

c.在超連結和重定向的位置

<a href="javascript:alert();"></a>
<form action="javascript:alert();"></form>
<div onclick="alert()"></div>

********IE下可行,不推荐使用********
<div id="one"></div>
<script for="one" event="onclick">
alert(111);
</script>
登入後複製

d.呼叫外部javascript檔
  
  1.呼叫的js標籤內不能出現任何程式碼
  2.js腳本內不能出現<script>標籤<br />   3.還是相互連結、影響的<br /> 3.註<br /> a.對舊的瀏覽器<br />   <!-- --><br />   *如果舊瀏覽器不辨識JS,就註解<br /> b.真正的註釋<br />   行內註解 //<br />   塊註 /* */</script>

B.變數

1.命名規範
a.嚴格區分大小寫
b.變數的命名必須以 字母 或 _ 或 $ 開頭;剩下的部分可以是任意的字母、數字、_ 、$
c.不能用 關鍵字 或 保留字 命名
  關鍵字:for、if、try等
  保留字:byte、char、class等
d.命名規範
  駝峰命名法: getElementById
  首字母大寫: Object
  有意義的命名:name、age
2.變數:可以儲存資料的一個變數
a.變數如何建立(**必須以var關鍵字來修飾**)
  先聲明,後賦值:var a;a=3;
  聲明賦值同時進行:var a=3;
  一次宣告多個變數:var a,b,c;
  一次宣告多個變數並賦值: var a=1,b=2;
b.如何覆蓋已有的變數
  1.如果從新宣告改變量而沒有賦值,則變數的值不會改變
    var a=1;var a; 結果a=1;
  2.如果從新宣告改變量並且賦值,則變數的值改為新的變數值
    var a=1;a=3; 結果a=3;
  3.不用關鍵字var修飾變數
    a;alert(a); 報錯
    a=1;alert(a) 結果:1
    如果不用var修飾,且沒有賦值---報錯;有賦值,js會當做全域變量,不會報錯。 (後者不推薦)

C.資料型別

typeof()操作符:用來偵測資料類型的一元運算符,並且傳回的結果總是字串
isNaN() 函數用來檢查其參數是否是非數字值
1.初始類型
a.undefined--變數建立後沒有賦值,其預設值就是undefined
b.null--什麼都沒有,僅一個佔位符
c.number--整形、浮點型;支援二、八、十、十六進位,都是以十進位輸出;特殊的值
  1.二、八進位:以0開頭
  2.十六進位:以0x開頭
  3.特殊的值:
    最大:Number.MAX_VALUE
    最小:Number.MIN_VALUE
    無窮大:Infinity
    無窮小:-Infinity
d.string--單雙引號包圍的字串,也包含一些特殊字元
  1.單雙引號的效率一樣的(不同於PHP)
  2.只能成對出現,不能互相交叉使用
  3.可以互相嵌套 var a="a '11' ";
  4.特殊字元
    n 換行
    t 製表符
    b 空格
    r 換行
    ' 單引號
    " 雙引號
    \ 斜槓
2.引用型別

类型 typeof返回值
undefined undefined undefined
null null object
boolean ture,false bollean
string 在单双引号之间的值,特殊符号 string

初入前端,寫的東西有不足或錯誤訊息還望各路大神指點指點,共勉進步。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板