- 博客(16)
- 收藏
- 关注
RSS订阅原创 JS-拖拽
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拖拽&
2021-03-09 16:13:29
83
原创 事件的多次绑定
addEventListener() - 通过这个方法也可以为元素绑定多个响应函数 - 参数： 1.时间的字符串，不用on 2.回调函数，当事件触发时该函数会被调用 3.是否在捕获阶段触发事件，需要一个布尔值，一般都传false - 使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数， 这样事件被触发时，响应函数将会按照函数的绑定顺序执行 （不支持IE8及以下方法） 例： btn.addEventListener("click",function(){ alert("
2021-03-06 23:06:36
165
原创 冒泡
事件的冒泡： - 所谓的事件冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其父级元素的相同事件也会被依次触发 - 在开发中大部分冒泡都是有用的，如果不希望发生冒泡可以通过事件对象来取消冒泡 - 使用event.cancelBubble = true;来取消冒泡事件的委派： 事件的委派： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h
2021-03-06 22:39:59
80
原创 DOM修改样式
var btn = document.getElementById("btn"); var div = document.getElementsByTagName("div")[0]; btn.onclick = function(){ div.style.background = "pink"; div.style.width = "300px"; div.style.height = "300px";
2021-03-06 22:25:22
288
原创 DOM对象方法
createElement(); 可以用于创建一个元素节点对象 它需要一个标签名作为参数，将会根据标签名创建元素节点对象，并将创建好的对象作为返回值返回 var li = document.createElement(li);//创建叫li的元素节点 createTextNode(); 可以用于创建一个文本节点对象 需要一个文本内容作为参数，根据文本内容创建文本节点，并将新的节点返回 var text = document.createTextNode(“广州”); //创建叫广州的文本节点 将text设置
2021-03-06 22:23:51
245
原创 跟随鼠标事件
跟随鼠标的练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
2021-03-06 22:14:09
53
原创 checked的练习
checked的简单练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-03-06 22:12:08
78
原创 添加删除
添加删除简单应用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2021-03-06 22:10:22
89
原创 增删改查
练手DOM实现简单的增删改查 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-03-06 22:09:00
45
原创 学习JS—函数返回值
返回值 创建一个函数，来计算三个值的和： function sum(a,b,c){ //创建三个形参 var d = a+b+c； return d; //使用return设置函数返回值 } // sum(); //调用函数 var text = sum(1,2,3); 注： ①return后的值将会作为函数的执行结果返回， 定义一个对象text来接收这个结果,函数的值就是这个变量的值。 ②在函数中return后的语句都不会执行 ③return后不跟值，
2021-02-25 14:22:43
347
原创 学习JS-函数
函数 函数function： –函数也是一个对象 –函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码） –使用 typeop 检查一个函数的时候会返回一个function –创建一个函数： //可以将要封装的代码以字符串的形式传递给构造函数 var fun = new function(“doument.write(‘hello world’)”)； //但是封装到函数的代码不会立即执行 函数中的代码，会在函数调用的时候执行 –调用函数 语法： 函数对象() 如：fun(); 当调
2021-02-24 14:08:38
52
原创 学习JS-对象
对象 JS中的数据类型： -- String 字符串类型 ----| -- Number 数值类型 | -- Boolean 布尔类型 |---->基本数据类型 -- Null 空值类型 | -- undefined 未定义 ----| -- Object 对象 ---->引用数据类型 --基本数据类型都是单一的值，值和值之间没有任何联系。 --如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能称为一个整体。 --对象属
2021-02-24 12:11:21
122
原创 学JS一元运算符
一元运算符： 只需要一个操作数 ‘+’ 正号： — 正号不会对数字产生任何 影响↓ var a = 123； a = + a； console.log("a="+a); 结果没有任何改变 ‘-’ 负号： — 负号可以对数字进行负号的取反 对于遇到非Number类型的值： 它会将其先转换为Number类型的值，然后在进行运算 可以对一个其
2021-02-22 17:34:52
77
原创 学习JS：JS强制数据类型转换
一、 将其他数据类型装换为String 方式一： ●调用被转换数据类型的 toString() 方法 ●该方法不会影响到原变量，他会将转换的结果返回 方式二： ●直接调用 String() 函数，来将a转换为字符串 var a = 213; a = String(a); ●使用String（）函数做强制转换时， 对于Number和Boolean实际上就是调用的toString() 方法
2021-02-22 17:11:22
158
原创 学习JS：JS的数据类型
数据类型就是指的字面量的类型 6种数据类型 基本数据类型： ① String 字符串 ② Number 数值 ③ Boolean 布尔值 ④ Null 空值 引用数据类型： ⑤ Undefined 未定义 ⑥ Object 对象 转义字符：‘ \ ’ 【当表示一些特殊符号的时候可以使用\进行转义】 如： var a = “我说：\“我儿泽林有大帝之姿！\” ” 用来保证两个“
2021-02-22 17:10:48
244
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人