HTML基础之JS

JS若在HTML文件中写则需要写在script标签中
弹框
alert(“”)警告框
confirm(“”)确认框
prompt(“”)提示框
括号中若要输出字符串则需要将输出内容加在双引号中，若要弹出变量则不加双引号
document.write(“”);直接在页面中输出
console.log(“”);直接在控制台输出
变量的定义
数据类型：字符串，数字，布尔，数组，对象，空，未定义
typeof();可检测数据类型
数组：var a=[“A”,”B”];
调用时：alert(a[0])];(调用出来的为A)
数组名[索引值]（索引值：从0 开始，相当于要调用的值所在的位置）
对象：var info={a:x,b:y};
调用：alert(info.a+info.b);（+表示连接，这样就将两个值都调用出来了）
复杂对象的调用：对象名[索引值].键值名
若在函数内部定义变量时没有加var，则视为全局变量
运算
a++与++a的区别
a++：先赋值，后自加
++a：先自加，后赋值
条件运算符（三目运算符）：（条件）?”条件成立时输出值”;”条件不成立时输出值”
函数
function 函数名(){
执行语句
}
函数的调用：触发事件=”函数名()”;
触发事件：
onclick();点击事件
onmousedown();按下鼠标时
onmouseup();松开时
onmouseover();放上去时
onmouseout();离开时
onmousemove();移动时
onfucus();获取焦点时
onblur();失去焦点时
onkeyup();按下键盘时
onkeydown();松开键盘时
onchange();改变时
获取对象
document.getElementById(“”);通过id获取对象
document.getElementsByClassName(“”)[索引值];通过class名获取对象
document.getElementsByTagName(“”)[索引值];通过标签名获取对象
获取值时，在后面添加.innerHTML(可以显示标签元素)
.innerText（纯文本显示）
表单元素的值的获取方式是加.value
newDate.getday();获取系统日期中的星期
转换
parseInt();强制转换为整型
parseFloat();强制转换为浮点型（小数点型）
Number();转换为数字型
String();转换为字符串
Boolean();转换为布尔型
.constructor检测类型
defaultValue默认值
用JS改变样式
(用obj表示document.getElementById(“”)等)
obj.style.color=”“;改变字体颜色
obj.style.backgroundColor=”“;改变背景颜色
（对于background-color这种中间用-连接的样式，在JS中的写法为驼峰式，即去掉-，并将-后的第一个字母写为大写）
obj.属性名=属性值;改变属性
obj.getAttribute(“”);获取属性值
obj.setAttribute(“属性名”,”新的属性值”);
访问对象属性
语法：对象名.属性值
访问对象的方法
语法：对象名.方法()
Number对象
1、toString()方法
.toString() 转换进制 obj.toString(16) /.toString(8) /.toString(2)）
2、Infinity 无穷大
3、obj.toFixed(n)（保留小数位数，n是大于0的整数，n表示小数位数个数）
Math对象
Math.round();四舍五入返回整数
Math.PI表示π
Math.random();随机数(表示0到1之间的随机数)
Math.ceil();向上舍入
Math.floor();向下舍入