![](https://img-blog.csdnimg.cn/20210721201355955.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
javascript笔记
Antgeek
喜欢各种技术,前端后端大数据均有涉猎,目前从事大数据开发.
展开
-
第三章:DOM的一些属性
一、目录childNodesnodeTypenodeValuefirstChildlastChild二、以上属性的介绍1、childNodeschildNodes可以让我们从给定的节点树里获取任何一个节点的所有子节点,childNodes将返回一个数组,数组中是该节点的所有子节点用法:element.childNodes2、nodeTypenodeType可以用来分辨节点...原创 2020-04-09 21:31:21 · 90 阅读 · 1 评论 -
js将页面元素隐藏
今天在用vue写项目(第一次接触vue项目,菜鸡一个,啥也看不懂)的时候,遇到了一个’小‘bug情景时这样的用户为普通管理员的时候,菜单栏中某一部分是看不到的,超级管理员全部可以看到开始向用router.js中的一个属性hideInMenu来解决,但是在调试的过程中发现,数据虽然是变了,但是页面不刷新啊,必须手动刷新一下才行,接下来的解决方法就是在首页加载完毕后自动刷新一下,然后在首页的mounted()方法中写了一句window.location.reload(),然后结果就是页面一直刷新,我丢。。原创 2020-08-09 15:53:39 · 1347 阅读 · 0 评论 -
利用JS设置返回按钮
利用js设置返回按钮<!DOCTYPE html><html><head><script type="text/javascript">function back(){ window.history.back()//返回上一个页面 }</script></head><body><...原创 2020-01-15 13:44:10 · 1246 阅读 · 0 评论 -
js的可变长参数
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>测试js可变长参数</title> </head> <body> <button onclick="test()">测试</button> <script> function te原创 2021-04-11 18:56:34 · 833 阅读 · 0 评论 -
js函数-追加新的class属性addClass()函数
一、代码如下function(element,value){ if(!element.className){ element.className = value; }else{ newClassName = element.className; newClassName += " "; newClassName += value; element.className +=...原创 2020-04-10 17:13:55 · 3607 阅读 · 0 评论 -
第五章:js优化-分离javaScript函数
目录事件处理函数绑定js函数onclick函数的秘密一、事件处理函数事件处理函数影响的元素发生条件onabort图像当图像加载时onblur窗口、框架、所有表单对象当焦点从对象上移开时onchange输入框、选择和文本框当用户改变某一个值且失去输入焦点时onclick链接、按钮、表单对象、图像映射区域当用户单击对象时,返回fal...原创 2020-04-11 23:40:55 · 149 阅读 · 0 评论 -
第四章:js编程原则和良好的习惯
目录预留退路分离javaScript向后兼容性一、预留退路在使用者网站不支持js的情况下也可以顺利的访问你的网站就是做到了预留退路,也就是说,虽然某些功能不能完全实现,但最基本的操作仍能顺利完成二、分离javaScript尽量少的使用内嵌事件处理函数和js伪协议,只在页面上做一个“挂钩”,用这个挂钩来连接结构层和动作层。核心语句:element.event = action...原创 2020-04-10 23:12:41 · 129 阅读 · 0 评论 -
js函数-addLoadEvent函数
一、代码如下function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { ...原创 2020-04-08 13:13:00 · 175 阅读 · 0 评论 -
js函数-insertAfter()
一、代码如下function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode;//获取目标元素的父节点 if(parent.lastChild == targetElement){ parent.appendChid(newElement); }else{ parent.inser...原创 2020-04-08 23:24:00 · 833 阅读 · 0 评论 -
js用xpath定位获取元素
一、获取单个元素1、html<html> <head> <meta charset="utf-8"> <script src="test.js"></script> </head> <body> <select style="width: 100%;"> <option value="0">-</option原创 2020-08-03 15:18:47 · 27228 阅读 · 0 评论 -
ztree实现异步加载全部数据,多条件模糊搜索
最近的项目使用到了ztree,需求是在这个ztree的上面加一个搜索框,开始的思路是使用二叉树的深度遍历或者广度遍历,但是最后发现不管是哪种,都要将遍历所有节点,那还不如直接将所有节点数据预加载一下,然后再搜索岂不是更好,所以查阅了很多资料写了如下代码。1、异步加载所有数据并不展开var curStatus = "init", curAsyncCount = 0, asyncForAll = false, goAsync = false; function beforeAsync() {原创 2021-04-01 11:25:40 · 852 阅读 · 0 评论 -
取消a标签的默认动作
οnclick=“function();return false;”原创 2020-04-07 21:18:56 · 662 阅读 · 0 评论 -
第一章:js语法
本章内容预览语句变量和数组操作符条件语句和循环语句函数和对象语句 js语句要求比较简单,只需要把不同的语句放到不同的行就可以,如果需要把多条语句放到同一行,那么就需要用分号隔开,不过按照编程习惯,一般都会在一条语句末尾加上一个分号。注释1、//单行注释2、/*多行注释*/3、<!单行注释(这里不需要结尾)变量和数组变量js是弱类型语言,直接...原创 2020-04-07 23:08:28 · 122 阅读 · 0 评论 -
简单的ajax传数据
1、前端$.ajax({ url:"collectionTask",//写后台处理的方法 type:"post",//一般设置为post data:{id:taskId},//以键值对形式传数据 dataType: "json",//一般设置为json success: function(data){ console.log("收藏成功");//成功时处理 }...原创 2020-04-06 21:42:11 · 152 阅读 · 0 评论 -
第二章:DOM
一、DOMDOM(document object model):文档对象模型二、节点在DOM中节点分为三类:元素节点、属性节点、内容节点,也可以按照关系分为父节点和子节点三、DOM中四个常用的方法1、getElementById()参数:id值(必须用双引号)作用:根据id属性值获取元素对象,返回值为一个对象2、getElementByTagName()参数:节点名称作用:获取...原创 2020-04-08 21:37:49 · 95 阅读 · 0 评论 -
js函数-获取url参数(一个页面向另一个页面传值)
一、代码如下function getParams(name, href) { var href = href || window.location.href, value = ''; if (name) { var reg = new RegExp(name + '=([^&]*)', 'g'); href.replace(reg,...原创 2020-04-09 21:15:55 · 903 阅读 · 0 评论 -
js函数-动画效果之元素位移函数
一、代码如下function moveMessage(elementID,final_x,final_y,interval){ if(!document.getElementById) return false; if(!document.getElementById(elementID)) return false; var elem = document.getElementById(...原创 2020-04-10 22:57:49 · 414 阅读 · 0 评论 -
js函数-获取下一个元素节点元素getNextElement()
一、代码如下function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null;}二、作用该函数可获取下一个节点元素注意:nextSibling...原创 2020-04-10 16:39:19 · 1591 阅读 · 0 评论 -
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">原创 2021-07-21 19:29:55 · 475 阅读 · 1 评论