<王艳明>-优快云博客

原创 2021-05-26

window.location与window.open()的区别 "top.location.href"是最外层的页面跳转 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转. location是window对象的属性，而所有的网页下的对象都是属于window作用域链中（这是顶级作用域），所以使用时是可以省略window。而top是指向顶级窗口对象，parent是指向父级窗口对象。 wind...

2021-05-26 20:06:37 134

原创 js模拟懒加载(lazyload)

js模拟懒加载(lazyload) <!DOCTYPE html> <html lang="zh-CN"> <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-04-27 15:55:15 400

原创 js求任意数中最大值(arguments)

js求任意数中最大值(arguments) <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=.

2021-04-25 17:00:46 529

原创 JS方法总结

JS方法总结 js数据类型：(typeof得到变量的数据类型) String 字符串、 Number 数字 Boolean 布尔、 Array 数组、 Object 对象、 Null 空、 Undefined未定义 js数据转换： parseInt(); 转数字 parseFloat(); 转小数 toString(); 转字符串 js事件： onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouse

2021-04-22 10:35:57 361

原创 setAttribute

今天在项目中遇到了个问题，在用js操作禁用按钮的时候没有生效，写了个demo演示一下，意思就是让某个按钮点击之后让另一个按钮的事件失效。代码如下： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi

2021-04-20 16:38:01 441

转载 js中的事件委托（事件代理）详解

js中的事件委托（事件代理）详解 js中的事件冒泡、事件委托是js 中一些需要注意的小知识点，这里结合转载文章总结一下：事件冒泡：JS中当出发某些具有冒泡性质的事件是，首先在触发元素寻找是否有相应的注册事件，如果没有再继续向上级父元素寻找是否有相应的注册事件作出相应，这就是事件冒泡。事件委托：利用事件冒泡的特性，将本应该注册在子元素上的处理事件注册在父元素上，这样点击子元素时发现其本身没有相应事件就到父元素上寻找作出相应。这样做的优势有：1.减少DOM操作，提高性能。2.随时可以添...

2021-04-20 11:27:17 205

原创 js实现实时倒计时效果

<!DOCTYPE html> <html lang="zh-CN"> <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&g.

2021-04-15 20:50:36 366

原创利用javascript实现随机点名案例

利用javascript实现随机点名案例 <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-sc...

2021-04-13 15:17:35 235

原创九九乘法表js版

九九乘法表js版 <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0">...

2021-04-13 08:42:44 185 1

qq_33406282的博客