- 博客(16)
- 收藏
- 关注
原创 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
106
原创 事件的多次绑定
addEventListener()- 通过这个方法也可以为元素绑定多个响应函数- 参数:1.时间的字符串,不用on2.回调函数,当事件触发时该函数会被调用3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false- 使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数,这样事件被触发时,响应函数将会按照函数的绑定顺序执行(不支持IE8及以下方法)例: btn.addEventListener("click",function(){ alert("
2021-03-06 23:06:36
206
原创 冒泡
事件的冒泡:- 所谓的事件冒泡指的就是事件的向上传导,当后代元素上的事件被触发时,其父级元素的相同事件也会被依次触发- 在开发中大部分冒泡都是有用的,如果不希望发生冒泡可以通过事件对象来取消冒泡 - 使用event.cancelBubble = true;来取消冒泡事件的委派:事件的委派:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h
2021-03-06 22:39:59
103
原创 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
335
原创 DOM对象方法
createElement();可以用于创建一个元素节点对象它需要一个标签名作为参数,将会根据标签名创建元素节点对象,并将创建好的对象作为返回值返回var li = document.createElement(li);//创建叫li的元素节点createTextNode();可以用于创建一个文本节点对象需要一个文本内容作为参数,根据文本内容创建文本节点,并将新的节点返回var text = document.createTextNode(“广州”); //创建叫广州的文本节点将text设置
2021-03-06 22:23:51
299
原创 跟随鼠标事件
跟随鼠标的练习<!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
100
原创 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
118
原创 添加删除
添加删除简单应用<!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
126
原创 增删改查
练手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
90
原创 学习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
393
原创 学习JS-函数
函数函数function:–函数也是一个对象–函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)–使用 typeop 检查一个函数的时候会返回一个function–创建一个函数://可以将要封装的代码以字符串的形式传递给构造函数var fun = new function(“doument.write(‘hello world’)”);//但是封装到函数的代码不会立即执行函数中的代码,会在函数调用的时候执行–调用函数语法: 函数对象() 如:fun();当调
2021-02-24 14:08:38
100
原创 学习JS-对象
对象JS中的数据类型: -- String 字符串类型 ----| -- Number 数值类型 | -- Boolean 布尔类型 |---->基本数据类型 -- Null 空值类型 | -- undefined 未定义 ----| -- Object 对象 ---->引用数据类型--基本数据类型都是单一的值,值和值之间没有任何联系。--如果使用基本数据类型的数据,我们所创建的变量都是独立的,不能称为一个整体。--对象属
2021-02-24 12:11:21
149
原创 学JS一元运算符
一元运算符: 只需要一个操作数 ‘+’ 正号: — 正号不会对数字产生任何 影响↓ var a = 123; a = + a; console.log("a="+a); 结果没有任何改变 ‘-’ 负号: — 负号可以对数字进行负号的取反 对于遇到非Number类型的值: 它会将其先转换为Number类型的值,然后在进行运算 可以对一个其
2021-02-22 17:34:52
114
原创 学习JS:JS强制数据类型转换
一、 将其他数据类型装换为String 方式一: ●调用被转换数据类型的 toString() 方法 ●该方法不会影响到原变量,他会将转换的结果返回 方式二: ●直接调用 String() 函数,来将a转换为字符串 var a = 213; a = String(a); ●使用String()函数做强制转换时, 对于Number和Boolean实际上就是调用的toString() 方法
2021-02-22 17:11:22
203
原创 学习JS:JS的数据类型
数据类型就是指的字面量的类型6种数据类型基本数据类型: ① String 字符串 ② Number 数值 ③ Boolean 布尔值 ④ Null 空值 引用数据类型: ⑤ Undefined 未定义 ⑥ Object 对象 转义字符:‘ \ ’ 【当表示一些特殊符号的时候可以使用\进行转义】 如:var a = “我说:\“我儿泽林有大帝之姿!\” ” 用来保证两个“
2021-02-22 17:10:48
330
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人