js编程
关注
分享
扫一扫
ES6
这个作者很懒，什么都没留下…
展开
-
把URL参数转换为一个json对象
var json = {} var arr = 'https://developer.mozilla.org/zh-CN/?name=zs&password=123&sex=男' var arr1 = arr.split('?')[1].split('&') // for (var i = 0; i < arr1.length; i++) { // json[arr1[i].split("=")[0]] .原创 2020-10-02 16:52:14 · 884 阅读 · 0 评论 -
ES5对象方法
1、获取对象的属性（返回一个数组）var obj = { id: 1, pname: '小米', price: 1999, num: 2000 }; var arr = Object.keys(obj); console.log(arr);2、定义对象中新属性或修改原有属性var obj = { id: 1,原创 2020-10-02 13:35:56 · 297 阅读 · 0 评论 -
数组去重
1、利用includes去重var arr = [1,23,41,123,1,3,4,3,3,21,23]var n = []for(var i=0;i<arr.length;i++){ // 如果n中不包含这个数，则添加到新数组中 if(!n.includes(arr[i])) { n.push(arr[i]) } } console.log(原创 2020-09-28 14:48:32 · 79 阅读 · 0 评论 -
this指向
this指向问题一般情况下this的最终指向的是那个调用它的对象1、全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）（1）console.log(this);（2）functionfn(){console.log(this);}window.fn();（3）window.setTimeout(function(){console.log(this);...原创 2020-09-28 08:22:36 · 104 阅读 · 0 评论 -
Location、history对象方法
Location（window）对象1、href属性获取整个URL地址2、search属性获取地址栏中的参数（？之后以及包括？）例：我们在一个页面上利用表单的get方式发送数据到另一个页面上<body> <form action="index.html"> 用户名： <input type="text" name="uname"> <input type="submit" value="登录"&.原创 2020-09-23 14:56:44 · 1065 阅读 · 0 评论 -
window常见事件（包含定时器及案例）
window常见事件1、window.onload() 窗口加载事件有了它，我们就可以在页面的任何位置的script标签写js代码因为onload是等页面全部内容加载完毕之后，再去执行函数内的代码，使用时我们用事件包含起来就行了window.addEventListener('load', function() { var btn = document.querySelector('button'); btn.addEventListener原创 2020-09-23 10:14:22 · 3528 阅读 · 0 评论 -
常用的鼠标事件
常用的鼠标事件2、其他事件contextmenu我们可以禁用右键菜单selectstart 禁止选中文字// 1. contextmenu 我们可以禁用右键菜单 document.addEventListener('contextmenu', function(e) { e.preventDefault(); }) // 2. 禁止选中文字 selectstart ...原创 2020-09-22 18:39:44 · 275 阅读 · 0 评论 -
事件委托（事件代理）
事件委托（事件代理）原理：不要给每个子节点单独设置事件监听，而是把事件监听设置在父节点上，利用事件冒泡的原理影响至每个子节点例如:我们用for循环的方式为每个li添加事件监听太麻烦，效率低因此，我们可以为父节点注册事件，然后在函数中通过e.target可以找到当前点击的li，利用事件冒泡到父节点上，触发事件<ul> <li>知否知否，点我应有弹框在手！</li> <li>知否知否，点我应有弹框在手！<原创 2020-09-22 18:35:22 · 362 阅读 · 0 评论 -
阻止冒泡的方法
阻止冒泡1.标准写法普通浏览器e.preventDefault();方法2、非标准写法e.cancelBubble = true3.阻止冒泡兼容性方案4、使用传统的注册方式// 3. 传统的注册方式 a.onclick = function(e) { // 普通浏览器 e.preventDefault(); 方法 // e.preventDefault(); // 低版本浏览器 ...原创 2020-09-22 18:27:38 · 2067 阅读 · 0 评论 -
DOM事件流（事件捕获与事件冒泡）
DOM事件流（事件捕获与事件冒泡） JS代码中只能执行捕获或者冒泡其中的一个阶段 onclick和attachEvent（ie）只能得到冒泡阶段 事件捕获（上->下），事件冒泡（下->上） 类似落水，先下沉，后上升 1、事件捕获利用事件侦听器addEventListener的方式触发事件，可以使用第三个参数，true为事件捕获（从上到下）捕获阶段document->html->body->father->...原创 2020-09-22 18:19:34 · 209 阅读 · 0 评论 -
注册事件的两种方式
注册事件的两种方式第一种方式：1、同一个事件，只能触发一个函数，多个函数会被最后一个覆盖掉2、删除事件的方式div.onclick = null第二种方式：（推荐）1、多个函数会顺序执行2、参数为3个：（1）、触发事件方式（2）、触发事件所执行的函数（3）、布尔值，false为事件冒泡，true为事件捕获（之后的DOM事件流会解释）3、删除事件的方式div.removeEventListener('click',函数名)因为删除事件时，要用到.原创 2020-09-22 16:39:46 · 379 阅读 · 0 评论 -
js实现全选反选
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录原生js实现文本框全选1、获取对应节点（全选框与子复选框）2、为全选框添加点击事件，决定子复选框的选中状态j_cbAll.onclick=function(){for(vari=0;i<j_tb.length;i++){j_tb[i].checked=j_cbAll.checked...原创 2020-09-22 11:18:02 · 1287 阅读 · 0 评论