DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript學習筆記整理(概述、變量、數據類型簡介)
javascript學習筆記整理(概述、變量、數據類型簡介)
編輯:JavaScript基礎知識     

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文件
  <script src=""></script>
  1.調用的js標簽內不能出現任何代碼
  2.js腳本內不能出現<script>標簽
  3.還是相互聯系、影響的
3.注釋
a.對舊的浏覽器
  <!-- -->
  *如果舊浏覽器不識別JS,就注釋
b.真正的注釋
  行內注釋 //
  塊注釋 /* */

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved