随笔分类 - JavaScript
摘要:操作DOM 节点文本操作 $('#test-ul li[name = python]').text(); // 获得值 $('#test-ul li[name = python]').text('设置值'); // 设置值 $('#test-ul').html(); // 获得值 $('#test-
阅读全文
摘要:事件 鼠标事件,键盘事件,其他事件 事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #divMove { width: 500px; height: 500p
阅读全文
摘要:选择器 // 原生js,选择器少,麻烦不好记 // 标签 document.getElementByTagNames(); // id document.getElementById(); // 类 document.getElementsByClassName(); // jQuery css 中
阅读全文
摘要:jQuery JavaScript jQuery库,里面存在大量的javascript函数 获取jQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--cdn引入--
阅读全文
摘要:提交表单,MD5加密密码,表单优化 <!--表单绑定提交事件 onsubmit 绑定一个提交检测的函数,true,false 将这个结果返回给表单,使用onsubmit接收! onsubmit = "return aaa()" --> <form action="https://www.baidu.
阅读全文
摘要:操作表单(验证) 表单是什么form DOM树 文本框text 下拉框< select > 单选框radio 多选框checkbox 隐藏域hidden 密码框password ...... 表单的目的:提交信息 获得要提交的信息 <form action="post"> <p> <span>用户名
阅读全文
摘要:插入节点 我们获得了某个Dom节点,假设这个dom节点是空的,我们通过innerHTML就可以增加一个元素了,但是这个DOM节点已经存在元素了,我们就不能这么干了!会产生覆盖 追加 <p id="js">JavaScript</p> <div id="list"> <p id="se">JavaSE
阅读全文
摘要:删除节点 删除节点的步骤:先获取父节点,再通过父节点删除自己 <div id="father"> <h1>标题一</h1> <p id="p1">p1</p> <p class="p2">p2</p> </div> <script> var self = document.getElementByI
阅读全文
摘要:更新节点 <div id="id"> </div> <script> let id = document.getElementById('id'); </script> 操作文本 id.innerText='456' 修改文本的值 id.innerHTML='<strong>123</strong>
阅读全文
摘要:操作DOM对象(重点) 核心 浏览器网页就是一个Dom树形结构! 更新:更新Dom节点 遍历dom节点:得到Dom节点 删除:删除一个Dom节点 添加:添加一个新的节点 要操作一个Dom节点,就必须要先获得这个Dom节点。 获得dom节点 //对应css选择器 let h1 = document.g
阅读全文
摘要:浏览器介绍 JavaScript和浏览器关系? JavaScript 诞生就是为了能够让他在浏览器中运行! BOM:浏览器对象模型 IE 6~11 Chrome Safari FireFox 三方 QQ浏览器 360浏览器 window window代表浏览器窗口 window.alert(1) u
阅读全文
摘要:class继承 class关键字,是在ES6引入的 1、定义一个类,属性,方法 //定义一个学生的类 class Student{ constructor(name){ this.name = name; } hello(){ alert('hello') } } 2、继承 //ES6之后 //定义
阅读全文
摘要:面向对象编程 什么是面向对象 javascript、Java、c#。。。。面向对象; javascript有些区别! 类:模板 对象:具体的实例 在JavaScript这个需要大家换一下思维方式! 原型: var Student = { name: 'wsh', age: 3, run: funct
阅读全文
摘要:JSON json是什么 早期,所有数据传输习惯使用XML文件! JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网
阅读全文
摘要:内部对象 标准对象 typeof 123 'number' typeof '123' 'string' typeof true 'boolean' typeof NaN 'number' typeof [] 'object' typeof {} 'object' typeof Math.abs 'f
阅读全文
摘要:方法 定义方法 方法就是把函数放在对象的里面,对象只有两个东西:属性和方法 var wsh = { name: 'wsh', birth: 2000, //方法 age: function(){ //今年 - 出生的年 var now = new Date().getFullYear(); retu
阅读全文
摘要:变量的作用域 在javascript中, var定义变量实际是有作用域的。 假设在函数体中声明,则在函数体外不可以使用~(非要想实现的话,后面可以研究一下闭包) function wsh(){ var x = 1; x = x + 1; } x = x + 2; // Uncaught Refere
阅读全文
摘要:函数 定义函数 定义方式一 绝对值函数 function abs(x){ if(x >= 0){ return x; }else{ return -x; } } 一旦执行到return代表函数结束,返回结果! 如果没有执行return,函数执行完也会返回结果,结果就是undefined 定义方式二
阅读全文
摘要:遍历数组 // 通过for of / for in 下标 var arr = [3, 4, 5]; for(var x of arr){ console.log(x) } 遍历map var map = new Map([["tom", 100], ["jack", 90], ["haha", 80
阅读全文
摘要:Map: //ES6 Map //学生的成绩,学生的名字 //var names = ["tom", "jack", "haha"]; //var scores = [100, 90, 80]; var map = new Map([['tom', 100], ['jack', 90], ['hah
阅读全文