javascript基本知識
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基本知識