js基础

最新推荐文章于 2024-10-18 18:45:21 发布

huo_bao

最新推荐文章于 2024-10-18 18:45:21 发布

阅读量369

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/huo_bao/article/details/49025263

版权

1、数据类型：
字符串(string)、数字(number)、布尔(boolean)、数组(ayyay)、对象(object)、空(null)、未定义、可以通过赋值为null的清除变量。

2、定义函数：
function 函数名(){
函数体;
}

3、调用函数：
1、在<script>标签内调用
2、在HTML文件中调用

4、javascript异常处理和事件处理
1、异常捕获：
try{
发生异常的代码块;
}catch(err){
错误信息处理;
}

2、throw

5、事件：
1.onClick 点击事件
onMouseOver 鼠标经过事件
onMouseOut 鼠标移出事件
onChange 文本内容改变事件
onSelect 文本框选中事件
onFocus 光标聚集事件
onBlur 移开光标事件
onLoad 网页加载事件
onUnload 关闭网页事件

2.事件流：描述的是在页面中接受时间的顺序。

3.事件冒泡：由最具体的元素接受，然后逐级向上传播至最不具体的元素的节点(文档)

4.事件捕获：最不具体的节点先接收事件，而最具体的节点最后接收事件

5.事件处理：
1.DOM 0级事件处理：把一个函数赋值给一个事件处理程序属性
2.DOM 2级事件处理：addEventLister("事件名","事件处理函数","布尔值")

布尔值true：事件捕获 false：事件冒泡(默认)

removeEventListener()

3.IE事件处理程序：(解决IE浏览器版本小于等于IE8)
attachEvent

detachEvent

6.事件对象：在触发DOM事件的时候都会产生一个对象

事件对象event：

1.type:获取事件类型

2.target:获取事件目标

3.stopPropagation():阻止事件冒泡

4.preventDefault():阻止事件默认行为

(事件默认行为：如a 标签的 href 属性，默认是指向链接地址)

6.javascript内置对象：

1.string 字符串对象：

2.date 日期对象：

3.array 数组对象：

4.math 对象：

7、javascript DOM对象：
1、DOM操作HTML：
1、javascript 能够改变页面中所有HTML元素
1.寻找元素：
通过id找到HTML元素
通过标签名找到HTML元素
2.改变HTML内容：
使用属性：innerHTML

2、javascript 能够改变页面中所以HTML属性
1.改变HTML属性：
使用属性：attribute
3、javascript 能够改变页面中的所以CSS样式
1.语法：document.getElementById(id).style.property = new style
4、javascript 能够对页面中的所有事件作出反应
1.DOM EventListener
方法：addEventLister("事件名","事件处理函数","布尔值")
布尔值true：事件捕获 false：事件冒泡
用于向指定元素条件事件句柄

方法：removeEventListener()
移出方法添加的时间句柄
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<button id="btn">按钮</button>
<script>
var x = document.getElementById("btn");

//！！！添加句柄的事件时，调用函数不用加小括号
//如果加小括号了页面一加载就会执行
x.addEventListener("click",hello);
x.addEventListener("click",world);

function hello(){
alert("hello");
}
function world(){
alert("world");
}
</script>
</body>
</html>

8.真：true 、非零数字、非空字符串、非空对象

假：false 、数字零、空字符串、空对象、 undefined