1. 程式人生 > >javascript基本知識

javascript基本知識

pan onload 提示 spa asc 觸發 alert tro 文檔

01.Javascript幾種輸出方式

Document.wrte(); 文檔打印輸出

Console.log(); 控制臺輸出

Console.warn(); 控制臺警示

Console.error();控制臺錯誤提示

Alert();彈窗,很少用,用戶體驗差

02.事件三要素

事件源 事件 事件處理程序

事件源.事件=function(){ 事件處理函數 };

常用事件 說明

  • onclick 鼠標單擊
  • ondblclick 鼠標雙擊
  • onkeyup 按下並釋放鍵盤的一個鍵時觸發
  • onchange 文本內容或下拉菜單中的選項發生改變
  • onfocus 獲得焦點,表示文本框等獲得鼠標光標
  • onblur 失去焦點,表示文本框等失去鼠標光標
  • onmouseover 鼠標懸停,即鼠標停留在圖片等的上方
  • onmouseout 鼠標移除,即離開圖片等所在的區域
  • onload 網頁文檔加載事件
  • onunload 關閉網頁時
  • onsubmit 表單提交事件
  • onreset 重置表單時

03.隱藏樣式

Display: none display: block ; 顯示的意思

Visibility: hidden; visibility: visible 顯示的意思

Display 隱藏不占位置

Visibility:hidden 隱藏占有位置 停職留心

Overflow:hidden; 隱藏超出的部分

04圖片經過切換

<img src="images/01.jpg" id="pic" />

var pic=document.getElementById("pic");

pic.onmouseover=function(){

pic.src="images/02.jpg";

}

pic.onmouseout=function(){

pic.src="images/01.jpg"; //樣式就要加style,src是屬性,不需要

}

04.js的書寫位置

1.行內式

<button onclick=”alert(‘你好嗎’)”>點擊我</button>

2. 內嵌式

<script type=”text/javascript”> </script> //任何一個地方

3.外聯式

<script type=”text/javascript” src=”XX.js”></script> //裏面不能有任何東西

數據類型

Js 的數據類型分為:

字符型 數值型 布爾型 null undefined

Js 是一個是一種弱數據類型 。

Var Aa = 10;

Var aa:int = 10;

Js 的變量你給什麽值,他就是什麽數據類型。

字符型 (string)

String

轉換為字符型:

1. 利用 “” (雙引號)

加了引號的都是字符型。

2. 利用String(); 轉換為字符型

布爾型 (boolean)

就兩個值 正確的和錯誤的 true 和 false

數據類型轉換為布爾型:

1. 利用 !!

   console.log(typeof !!num);

2. 利用 Boolean()

false、undefined 、null、0、”” 為 false

true、1、”somestring”、[Object] 為 true

數值型

Var num = 10

數值的前面帶 0 表示 八進制

Var num = 020;

0*80+2*81 = 16

數值的前面帶 0x 表示 十六進制

var result = 0xb; 11

轉換為數值型:

1. 利用 - * / 都可以轉換

2 利用Number( )

ParseInt() parseFloat()

parseInt(值, 進制);

parseInt(110,2)

表示2進制 吧10 這個2進制轉換為 10進制

0*20+1*21 + 1*22 = 6

1.var a="15.15abc" , b=‘10.15‘ , c=‘10.0abc‘;

alert(parseInt(a)+Number(b)+parseFloat(c));

Null undefined

Null 空的 沒有值 。

Undefined 未定義的 應該有值,但是沒有給。

Null “”

javascript基本知識