數據類型及變量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
</head>
<body>
<script>
var my , my1;//聲明變量
my = 1;//變量賦值
alert(my)//alert函數訪問此變量,並顯示其值
my = "hello world";//變量再次賦值
alert(my)//訪問變量,原來的值就丟失了,垃圾回收,但效率並不高,可能當重新加載時纔會執行
my1 = my;//利用其變量給其賦值
alert(my1)
my = 1+1;
alert(my)//自動進行加法,2
my1 = 10/0;
alert(my1)//Infinity
var my ;
my = prompt("請輸入www.weijiew.com進入")//對話框,提示輸入
if (my=="www.weijiew.com"){
alert("登陸成功")
} else {
alert("登陸失敗")
}
var a1 = "sss" + "kkk"
alert(a1)//字符串拼接
var arr = [];//設置數組,可以不設大小
arr [0] = 0;//之間賦值操作
arr [1] = 1;
arr [2] = 2;
</script>
</body>
</html>
函數
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
</head>
<body>
<script>
function f(x,y) {
var num = x*y;
alert(num);
}
var a,b;
a = prompt();
b = prompt()
f(a,b);
</script>
</body>
</html>
DOM
D:document
O:object
M:model
CSS
層疊樣式
- class:可以多次使用
- id:只能被用一次
getElementById()
通過id來獲取元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
</head>
<body>
<h1 id="ss">what to buy</h1>
<p id="kk">dddd</p>
<script>
alert(document.getElementById("kk"))
</script>
</body>
</html>
getElementByTagName()
通過標籤來獲取元素