javascript起步

發布時間：2020-06-18 08:44:04 來源：網絡閱讀：446 作者：Jasonisoft 欄目：開發技術

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>

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

可加本人印象筆記賬號：1468359547@qq.com

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

javascript起步

猜你喜歡

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

javascript起步

猜你喜歡

最新資訊

相關推薦

相關標簽