javascript起步

Javascript

定義一個變量：var x=3; 或者 x=3;
判斷一個數據的類型：

var x= 9;

var c ='d';

alert(typeof(x)=="number");

alert(typeof(c)=="char");

//結果爲true

五種基本數據類型

- typeof 4; //null

- typeof 'string'; //String

- typeof null; //object

- typeof []; //object

- typeof e //undefined

- typeof true //boolean

- typeof (function(){}) //function

所以javascript有5種基本數據類型：number,string ,undefined,boolean和function

特殊數據類型：
1. 轉義字符：

轉義字符	說明	轉義字符	說明
\b	退格	\v	跳格（Tab）
\n	回車換行	\r	換行
\t	Tab符號	\\	反斜槓
\f	換頁	\OOO	八進制整數，範圍爲000~777
\'	單引號	\xHH	十六進制整數,範圍00~FF
\”	雙引號	\uhhhh	十六進制編碼的Unicode字符

未定義值：
1. 未定義的變量的值爲undefined,表示變量還沒有賦值，或者賦予一個不存在的屬性值。但是還有其他特殊類型的數字常量NaN，，就是當程序由於某種原因發生計算錯誤後產生的一個沒有意義的值，那麼這個時候javascript就返回一個NaN值。
空值：
1. 其中有一個關鍵字null是一個特殊的值，表示爲空值。其中null與undefined的區別的是：null表示一個變量被賦予了一個空值。而undefined表示該變量尚未被賦值。
typeof運算符：typeof運算符表示返回他的操作數的當前所容納數的類型，這對於判斷一個變量是否已被定義有很大用處。
new運算符：通過new運算符來創建一個新的對象。
1. new constructor[(argument)]

二:String 對象提供了一個轉換爲小寫的方法：

toLowerCase();

- var a='AFFS';

- var b=a.toLowerCase();

document.write(b); // 結果爲：affs

三，if......else

<!doctype html>

<head>

<title>Document</title>

function countdown(title,Intime,divId){

var online=new Date(Intime);

var now = new Date();

var leave = online.getTime()-now.getTime();

var day = Math.floor((leave/1000/60/60/24))+1;

if(day>1){

divId.innerHTML="<b>---距"+title+"還有"+day+"天！</b>";

}

else if(day==1){

divId.innerHTML="<b>-------tomorrow is "+title+"啦！</b>";

}

else if(day==0){

divId.innerHTML="<b>-------today is "+title+"啦！</b>";

}

else{

divId.innerHTML="<b>-------Uh！"+title+"has been gonne！</b>";

}

</script>

</head>

<body>

<tr>

<td>

<tr>

</div>

countdown("2017聖誕節","12/25/2017",countDown);

</script>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

//.innerHTML表示在哪個標籤裏嵌入html標籤。

四、

函數的簡單的響應：

- <!doctype html>

- <html lang="en">

- <head>

- <meta http-equiv="content-type" content="text/html" charset="UTF-8">

- <title>Document</title>

- <script type="text/javascript">

- function functionName(string){

- alert(string);

- }

- </script>

- </head>

- <body>

- <script type="text/javascript">

- functionName("intersting!");

- </script>

- </body>

- </html>

在事件響應裏調用函數：通過點擊按鈕觸發來調用函數

- <!doctype html>

- <html lang="en">

- <head>

- <meta http-equiv="content-type" content="text/html" charset="UTF-8">

- <title>Document</title>

- <script type="text/javascript">

- function functionName(string){

- alert(string);

- }

- </script>

- </head>

- <body>

- <form name="form" method="post" action="">

- <input type="submit" value="提交" />

- </form>

- </body>

- </html>

通過鏈接來調用函數

- <!doctype html>

- <html lang="en">

- <head>

- <meta http-equiv="content-type" content="text/html" charset="UTF-8">

- <title>Document</title>

- <script type="text/javascript">

- function functionName(){

- var string ="intersting!";

- alert(string);

- }

- </script>

- </head>

- <body>

- <a href="javascript:functionName();" >this is a test</a>

- </body>

- </html>

函數返回值的使用

- <!doctype html>

- <html lang="en">

- <head>

- <meta http-equiv="content-type" content="text/html" charset="UTF-8">

- <title>Document</title>

- <script type="text/javascript">

- function functionName(num1,num2,num3){

- document.write("running numbers ..........</br>");

- var num = parseInt(avg(num1,num2,num3)); //parseInt表示取整數部分

- document.write("The avger result of caculate number is "+num);

- }

- function avg(num1,num2,num3){

- return (num1+num2+num3)/3;

- }

- </script>

- </head>

- <body>

- <script type="text/javascript">

- functionName(52,12,30);

- </script>

- </body>

- </html>

javascript的一些Math函數

1.丟棄小數部分,保留整數部分

parseInt(5/2)

2.向上取整,有小數就整數部分加1

Math.ceil(5/2)

3,四捨五入.

Math.round(5/2)

4,向下取整

Math.floor(5/2)

Math 對象的方法

FF: Firefox, N: Netscape, IE: Internet Explorer

方法描述 FF N IE

abs(x) 返回數的絕對值 1 2 3

acos(x) 返回數的反餘弦值 1 2 3

asin(x) 返回數的反正弦值 1 2 3

atan(x) 以介於 -PI/2 與 PI/2 弧度之間的數值來返回 x 的反正切值 1 2 3

atan2(y,x) 返回從 x 軸到點 (x,y) 的角度（介於 -PI/2 與 PI/2 弧度之間） 1 2 3

ceil(x) 對一個數進行上舍入。 1 2 3

cos(x) 返回數的餘弦 1 2 3

exp(x) 返回 e 的指數。 1 2 3

floor(x) 對一個數進行下舍入。 1 2 3

log(x) 返回數的自然對數（底爲e） 1 2 3

max(x,y) 返回 x 和 y 中的最高值 1 2 3

min(x,y) 返回 x 和 y 中的最低值 1 2 3

pow(x,y) 返回 x 的 y 次冪 1 2 3

random() 返回 0 ~ 1 之間的隨機數 1 2 3

round(x) 把一個數四捨五入爲最接近的整數 1 2 3

sin(x) 返回數的正弦 1 2 3

sqrt(x) 返回數的平方根 1 2 3

tan(x) 返回一個角的正切 1 2 3

toSource() 代表對象的源代碼 1 4 -

valueOf() 返回一個 Math 對象的原始值

嵌套函數的應用

- <script type="text/javascript">

- var outter =10;

- function add(num1,num2){

- function inneradd(){

- alert("參數的和爲："+(num1+num2+outter));

- }

- return inneradd(); //返回嵌套函數的值

- }

- </script>

add(10,20);

</script>

遞歸函數

<!doctype html>

<head>

<title>Document</title>

function f(num){

if(num==1){

return num;

}

else{

return f(num-1)*num;

}

</script>

</head>

<body>

document.write("10的階乘爲："+f(10));

</script>

</body>

</html>

JavaScript的內置函數

函數	說明
eval()	求字符串中表達式的值
isFinite()	判斷一個值是否爲無窮大
isNaN()	判斷一個值是否是NaN
parseInt()	將字符串轉換爲整型
parseFloat()	將字符串轉換爲浮點型
encodeURI()	將字符串轉換爲有效的URL地址
encodeURIComponent()	將字符串轉換爲有效的URL組件
decodeURI()	對encodeURI編碼的文本進行解碼
decodeURIComponent()	對encodeURIComponent()編碼的文本進行解碼

Keycode對照表

字母和數字鍵的鍵碼值(keyCode)
按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	82	0	48	9	57

數字鍵盤上的鍵的鍵碼值(keyCode)				功能鍵鍵碼值(keyCode)
按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼
0	96	8	104	F1	112	F7	118
1	97	9	105	F2	113	F8	119
2	98	*	106	F3	114	F9	120
3	99	+	107	F4	115	F10	121
4	100	Enter	108	F5	116	F11	122
5	101	-	109	F6	117	F12	123
6	102	.	110
7	103	/	111

控制鍵鍵碼值(keyCode)
按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼	按鍵	鍵碼
BackSpace	8	Esc	27	Right Arrow	39	-_	189
Tab	9	Spacebar	32	Dw Arrow	40	.>	190
Clear	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	\\|	220
Alt	18	Left Arrow	37	=+	187	]}	221
Cape Lock	20	Up Arrow	38	,<	188	'"	222

多媒體鍵碼值(keyCode)
按鍵	鍵碼
音量加	175
音量減	174
停止	179
靜音	173
瀏覽器	172
郵件	180
搜索	170

五、Javascript內部對象

object對象的屬性：

1）.prototype:該屬性返回對象類型的引用。

function array_max(){

var i,max =this[0];

for (i =1;i<this.length;i++){

if(max<this[i]){

max=this[i];

}

return max;

}

Array.prototype.max=array_max;

var x = new Array(1,2,3,9,5,6);

var y = x.max();

document.write(y);

</script>

2）.constructor屬性：

x= new String("HI");

if(x.constructor==String){

//處理函數體

}

或

function MyFunc(){

//函數體

}

y = new MyFunc;

if(y.constructor==MyFunc){

//處理體

}

Object對象的方法
1. toLocaleString():該方法返回一個日期，該日期使用當前區域設置並已被轉換爲字符串。

dateObj.toLocaleString(); //dateObj表示使用一個日期類型對象

document.write(new Date().toLocaleString());

</script>

String 對象
1. 創建一個String 對象

var newstr = new String(String text);

1. 比如：

var newstr = new String("hello world");

String對象的屬性：
1. length:

- var newstr = new String("hello world");

- document.write(newstr.length);

1. prototype屬性：

StringObj.prototype.name =value;

- <script type="text/javascript">

- function personnal(name,age){

- this.name=name;

- this.age=age;

- }

- var information = new personnal("張三",25);

- personnal.prototype.salay = null;

- information.salay=3000;

- document.write("年齡爲"+information.age+"的"+information.name+"的薪水爲"+information.salay);

</script>

未完待續.....................

可加本人印象筆記賬號：[email protected]

MySQL 核心模塊揭祕 | 18 期 | 鎖在內存里長什麼樣*

使用perf工具生成火焰圖

大齡程序員思考

響應式界面控件DevExtreme * 更強的數據分析和可視化功能

HttpSecurity 是如何組裝過濾器鏈的

數說海南——近6年海南各市縣人口簡單看

長序列中Transformers的高級注意力機制總結

WebStorm 創建 Vue 項目

javaSE筆記

線程通信

java多線程 --run()和Start()的區別

java面向對象練習---銀行業務模擬（數組+面向對象）

hacker start.................

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結