<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--mime文件类型-->
<!--外接式引入js-->
<!--默认发送 get请求-->
<link rel="stylesheet" href="">
<script type="text/javascript" src="./index.js"></script>
</head>
<body>
<img src="" alt="">
<a href="mailto:zhaoxu@tedu.cn">联系我们</a>
<form action="" method="">
</form>
<script type="text/javascript">
这里面写 js 代码
/注释/ /*小心注释嵌套*/
</script>
</body>
</html>
--- js 文档 ---
//声明变量使用关键字var
//既声明 又定义
var a = 2;
var b = '2';
console.log(a);
console.log(b);
//typeof 检测当前变量的数据类型
console.log(typeof a, typeof b);
console.log(typeof b);
alert(a);
var is_delete = confirm('你确定删除吗？');
alert(is_delete); # true
if (is_delete) {
alert('删除成功');
} else { #false
alert('删除失败');
}
var c; 先声明
console.log(c); //undefined(值) 未定义的
console.log(typeof c); //数据类型-undefined(黑的)
c = 10; 再赋值
var $ = '黑哥'; //声明一个变量
console.log($);
//字符串
var str = "黑哥"; // 可 '' , " "
var name = '白虬';
var age = 12;
console.log(typeof str); // 查看类型
console.log(str);
var newStr = str + name;
console.log(newStr);
var newStr = str + age;
console.log(numStr); // 隐式的 进行数值转换成字符串类型
var numStr = '' + age; // 黑的12 str 12
console.log(numStr);
//技巧：空字符串+数值类型==》字符串类型
var str = '5';
console.log(parseInt(str)); // parseInt 将字符串 转换成 数值类型
//NaN Not a Number 但是它是数值类型
console.log(typeof parseInt("131313你真帅！！")); //只保留数值 number类型
console.log(parseInt(4.9) + parseInt(8.9)); //12 自动截断小数 不进位 只取整数位
console.log(parseInt(4.9 + 8.7)); //13
console.log(parseInt(4.9 + 10.7)); //15
//Infinity 无限大 无穷
var num = 10 / 0;
console.log(typeof num); //number
console.log( num); // Infinity
var obj = null;
//空对象
//空字符串
//undefined
console.log(obj); // null
console.log(typeof obj); // object
var x = 2, y = 3, c = 4;
var name = '黑哥';
console.log(x,y,c,name);
var a = '1'
var b = '2'
console.log(a+b); //12 string str拼接
console.log(a-b); //-1 浏览器 number
-- 第一个事件绑定 -- DOM<body>
<div id="box1">zhangchen</div>
<script type="text/javascript">
// 1、获取事件源
var div = document.getElementById("box1");
// 2、绑定事件
div.onclick = function () {
// 3、书写事件驱动程序
alert("我是弹出的内容");
}
</script>
</body>
获取事件源的方式:
var div1 = document.getElementById("box1");
var arr1 = document.getElementsByTagName("div1");
var arr2 = document.getElementsByClassName("hehe");