JavaScript
MyLight1109
这个作者很懒,什么都没留下…
展开
-
[JQuery]3.事件
鼠标事件,键盘事件,其他事件举例子鼠标移动事件(实时显示鼠标的坐标)<!--获取鼠标的坐标-->mouse: <span id="mouseMove"></span><div id="divMove">在这里移动鼠标试试</div><script> //当网页加载完毕之后,响应时间 $(function (){ $('#divMove').mousemove(function (e){原创 2021-07-29 22:08:40 · 51 阅读 · 0 评论 -
[JQuery]2.选择器
//CSS中的选择器他都可以用 $('p').click(); //标签选择器 $('#id').click(); //id选择器 $('.class').click(); //class选择器文档工具站:https://jquery.cuishifeng.cn/原创 2021-07-29 21:36:32 · 50 阅读 · 0 评论 -
[JQuery]1.初识及公式
JQuery库,里面存在大量的JavaScript函数获取JQuery导入1.CDN导入<!-- cdn引入--><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>2.本地导入<!-- 本地导入--> <script src="lib/jquery-3.6.0.min.js"></script>公式:$原创 2021-07-29 21:28:41 · 57 阅读 · 0 评论 -
[JS]15.操作表单
表单是什么? form DOM树文本框 text下拉框 单选框 radio多选框 checkbox隐藏域 hidden密码框 password…表单的目的:提交信息获得和设置表单的值<form action="post"> <p> <span>用户名</span> <input type="text" id="username"> </p> <p>原创 2021-07-29 21:14:47 · 51 阅读 · 0 评论 -
[JS]14.DOM
DOM:文档对象模型核心浏览器网页就是一个DOM树形结构更新:更新DOM节点遍历DOM节点:得到DOM节点删除:删除DOM节点添加:添加一个新的节点要操作一个DOM节点,就要首先获得这个DOM节点获得DOM节点 var h1 = document.getElementsByTagName('h1'); var p1 = document.getElementById('p1'); var p2 = document.getElementsByClassName('原创 2021-07-29 20:26:22 · 47 阅读 · 0 评论 -
[JS]13.操作BOM对象
BOM:浏览器对象模型常见浏览器IEChromeSafariFirFoxwindow(重要)window代表浏览器窗口可以获取浏览器窗口的长宽NavigatorNavigator封装了浏览器的信息大多数时候我们不会使用此对象,因为人为可以修改!screen代表电脑屏幕的尺寸location(重要)location代表当前页面的URL信息host: "www.baidu.com"href: "https://www.baidu.com/?tn=98010089_dg原创 2021-07-28 21:15:57 · 185 阅读 · 0 评论 -
[JS]12.继承
1.面向对象原型继承修改__proto__ var student = { name:"student", age:0, run:function (){ console.log(this.name+"run..."); } }; var xiaoming = { name:"小明", }原创 2021-07-28 20:33:57 · 49 阅读 · 0 评论 -
[JS]11.JSON对象
JSON是什么JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。在js中一切皆为对象,任何js支持的类型都可以用JSON来表示格式对象都用{}数组都用[]所有的键值对都使用 key:value对象转化为JSON字符串var jsonUser = JSON.stringify(user);J原创 2021-07-28 20:10:35 · 63 阅读 · 0 评论 -
[JS]10.Date日期对象
var now = new Date(); now.getFullYear(); //年 now.getMonth(); //月 now.getDate(); //日 now.getDay(); //星期几 now.getHours(); //时 now.getMinutes(); //分 now.getSeconds(); //秒 now.getTime(); ...原创 2021-07-28 19:55:46 · 55 阅读 · 0 评论 -
[JS]9.方法的定义和使用,apply
方法方法就是函数放在对象里面定义方法 var hui = { name:'hui', birth:2020, //方法 age:function (){ //今年 - 出生年 var now = new Date().getFullYear(); return now - this.birth;原创 2021-07-28 19:45:04 · 45 阅读 · 0 评论 -
[JS]8.变量的作用域,let,const详解
规范由于我们所有的全局变量都会绑定到window上,如果不同的js文件使用了相同的全局变量,就会形成冲突。如何减少冲突? //唯一全局变量 var huiApp = {}; //定义全局变量 huiApp.name = 'lh'; huiApp.add = function (a,b){ return a+b; }把自己的代码全部放入自己定义的唯一的空间名字中,降低全局命名冲突原创 2021-07-28 19:27:05 · 57 阅读 · 0 评论 -
[JS]7.函数的定义和参数获取
定义函数方式1绝对值函数function abs(x){ if(x>=0){ return x; } else { return -x; } }方式2绝对值函数 var abs = function (x){ if(x>=0){ return x; } else { return -x; }原创 2021-07-28 18:00:53 · 323 阅读 · 0 评论 -
[JS]6.Iterable迭代器
for…of…遍历数组 var arr = [3,4,5]; for(let value of arr){ console.log(value); }遍历Map var map = new Map([['tom',11],['jack',12],['betty',13]]); for(let x of map){ console.log(x); }原创 2021-07-28 17:38:55 · 107 阅读 · 0 评论 -
[JS]5.Map和Set集合
Map声明格式var map = new Map([['tom',100],['betty',90],['jack',80]]);get函数set函数delete函数Set无序不重复的集合会进行去重var set = new Set([1,1,1,2,3,4,5,6]);add方法delete方法has函数判断是否包含某个元素...原创 2021-07-28 17:23:07 · 55 阅读 · 0 评论 -
[JS]4.分支与循环
for…in…循环格式for(car index in obj)(){} for(var num in age){ if(age.hasOwnProperty(num)){ console.log('存在'); } console.log(age[num]); }原创 2021-07-28 17:00:33 · 51 阅读 · 0 评论 -
[JS]1.基本入门
一.数据类型(仅标注和java不同的)变量var num = 1; numberNaN //not a numberInfinity //表示无限大比较运算== 等于(类型不一样,值一样,也会判断为true)=== 绝对等于 (类型一样,值一样,才会判断为true)须知:NaN===NaN判断为false;NaN与所有的值都不相同,包括自己只能通过jsNaN(NaN)来判断这个数是否为NaNnull和undefinednull 空undefined 未定义数组JS中可原创 2021-07-27 16:29:22 · 46 阅读 · 0 评论 -
[JS]2.严格检查模式strict
‘use strict’; 预防JavaScript的随意性导致产生一些问题必须写在第一行注:局部变量建议使用let去定义 'use strict'; //ES6 let let num = 1原创 2021-07-27 16:36:08 · 52 阅读 · 0 评论 -
[JS]3.数据类型
1.字符串1,正常字符串我们使用 单引号或者双引号包裹2.注意转义字符 3.多行字符串编写//tab键上面的字符 var msg = `hello world 你好哇`;4.模板字符串 let name = "Clearlove"; let age = 3; let msg = `你好哇,${name}`;5.字符串长度str.length;6.字符串的可变性:不可变7.大小写转换str.to原创 2021-07-27 17:29:42 · 58 阅读 · 0 评论