<!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"); //方式一：通过id获取单个标var arr1 = document.getElementsByTagName("div1"); //方式二：通过 标签名 获得 标签数组，所以有svar arr2 = document.getElementsByClassName("hehe"); //方式三：通过 类名 获得 标签数组，所以有sjs ?my_first
原文地址：https://www.cnblogs.com/zhangchen-sx/p/10393505.html