js基础部分
初学者js基础快速提升方法
张贺_
合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下
展开
-
ES11新特性概览
目录String.prototype.matchAll - 由 Jordan Harband 提出import() - 由 Domenic Denicola 提出BigInt – 任意精度整数,由 Daniel Ehrenberg 提出Promise.allSettled - 由 Jason Williams, Robert Pamely 和 Mathias Bynens 提出globalThis...原创 2020-04-28 15:07:07 · 14141 阅读 · 1 评论 -
ES6新增方法:startsWith()方法和endsWith()方法来判断字符串以什么开头或者什么结尾
ES6新增方法:startsWith()方法和endsWith()方法来判断字符串以什么开头或者什么结尾startsWith()方法该startsWith()方法确定字符串是否以指定字符串的字符开头,返回true或false视情况而定。判断字符串以什么开头一般的话是用于来判断是否以http://开头或者以file:///开头参数接受两个参数第一个参数,要在此字符串开头搜索的字符,第...原创 2020-03-31 20:20:28 · 5701 阅读 · 0 评论 -
JS基础知识点(1)——语法
.JS语法规则1.区分大小写;2.所有符号都必须使用文;3.每行表达出表达意思即可;4.必须:每行后面加分号隔开;.JS注释给文档加以说明,注释代码不会被执行单行注释// 多行注释/**/document.write.()输出到页面上...原创 2018-06-02 20:26:30 · 2265 阅读 · 0 评论 -
JS基础知识点(2)——语法
流程控制if语句1.if语句语法:if(条件){语句块}执行:判断条件是否满足,如果条件满足则执行语句块;不满足则不执行;2. if,else语句语法:if(条件){语句块} else{语句块}执行:判断条件是否满足,如果条件满足则执行if语句块;不满足则执行else语句块;3.if,elseif,elseif语句语法:if(条件1){语句块1} elseif(条件2){语句块2} elseif(...原创 2018-06-03 16:11:49 · 1329 阅读 · 1 评论 -
JS基础知识点(3)——函数
函数:一段能够自动完成某些功能的代码JS中函数也是对象,所以JS函数可以像其他对象那样操作和传递,也可以叫做函数对象。函数是用来帮助我们封装、重用、扩展以及调用代码最方便的工具。语法:function 函数名(形式参数1,形式参数2...){//一些代码函数体}注意:函数在写好之后不会自己去执行,需要调用才会执行 调用语法:函数名(实际参数1,实际参数2...原创 2018-06-03 22:12:43 · 196 阅读 · 0 评论 -
JS基础知识点(4)——数组
数组var a = 23;var b = 24;var c = 25;var arr = [23,24,25];数组是从0开始记录下标的;数组下标的最大值,从0开始,到数组个数-1;比如,如果数组有20个,则最大下标为20-1 = 19。取值 arr[下标];赋值实例:arr[0] = 29;属性:length(求得数字的长度);用法: arr.length技巧:在否循环中用到arr.length...原创 2018-06-04 11:08:05 · 332 阅读 · 0 评论 -
JS基础知识点(6)——对象
特殊字符:“”:双引号':单引号\:转义字符实例:输出路径\r:回车\n:换行原创 2018-06-05 10:02:14 · 238 阅读 · 0 评论 -
JS基础知识点(5)——特殊字符 && date对象
特殊字符:“”:双引号':单引号\:转义字符实例:输出路径\r:回车\n:换行data对象:方法:getFullYear()/setFullYear():获取/设置年份getMonth();获取月份getData();获取日期;getHourses();获取小时;getMinutes();获取分钟数;getSeconds();获取秒数;getDay();获取星期;(这个不能设置,星期数是固定的的)...原创 2018-06-04 16:03:00 · 304 阅读 · 0 评论 -
JS基础知识点(7)——window
Window对象window对象:表示浏览器打开的窗口;window的常见方法:三个弹出框:1.alert(); 相当于window.alert();弹出窗口2.prompt();弹出一个可以让用户输入的窗口;3....原创 2018-06-05 11:50:57 · 251 阅读 · 0 评论 -
JS基础知识点(8)——定时器
定时器一次性定时器:var dingshiqione = window.setTimeout("js代码","时间t")执行:是在t之后执行js代码【只会执行一次】时间:以毫秒为单位反复性定时器:var dingshiqiduo = window.setInterval("js代码","时间t")执行:是在t之后执行js代码【执行n多次】时间:以毫秒为单位清除定时器:1.清除一次性定时器:wind...原创 2018-06-05 14:55:02 · 347 阅读 · 0 评论 -
JS基础知识点(9)——轮播的实现
轮播效果及原理的分析:1.定时器:反复性定时器;2.页面加载完成之后才回去切换图片:onload事件;3.鼠标放到图片上,图片停止切换;鼠标离开图片,图片继续切换(动起来);4.鼠标放到列表上,图片停止到对应的图片,列表标的背景颜色也要改变;5.鼠标离开列表,图片继续自动切换,列表标背景颜色也自动切换;...原创 2018-06-06 11:04:13 · 730 阅读 · 0 评论 -
JS基础知识点(11)——js中找对象的方法总结
id: document.getElementById("id名字");通过id查找;标签:document.getElementsByTagName("标签名字");找到所有的标签,返回一个数组(对象的集合); 如:document.getElementsByTagName("div");找到所有的div标签//数组; 对象.document.getElementsB...原创 2018-06-07 10:36:49 · 1131 阅读 · 0 评论 -
JS基础知识点(12)——location对象
location对象location.href:返回url信息(可以获取url信息,也可以给其赋值,实现页面跳转)location.assign();加载新的文档(跳转页面)location.reload();重新加载当前文档(相当于F5刷新)location.replace();用新的文档替换当前文档(跳转)location.assign();和location.replace();的区别:lo...原创 2018-06-07 12:30:54 · 159 阅读 · 0 评论 -
JS基础知识点(13)——History对象和Screen对象
History对象history.length;:获取浏览器浏览过的url数量;history.back;:返回历史记录的前一个页面;history.forward;:加载历史记录中的下一个页面;history.go(n);:跳转到历史记录中指定的页面,如果n是-1相当于history.back的功能;...原创 2018-06-07 12:48:27 · 288 阅读 · 0 评论 -
JS基础知识点(14)——Navigator对象探测浏览器类型
Navigator对象navigator.appName;:返回浏览器名字; navigator.appCodeName;:返回浏览器代码名字;navigator.appVersion;:返回浏览器版本号和平台信息;navigator.userAgent;:返回浏览器信息;实例:查看用户所用浏览器是什么:<script type="text/javascript...原创 2018-06-07 14:35:53 · 287 阅读 · 0 评论 -
JS基础知识点(15)——Dom节点
DOM:描述网页各个组成部分之间的关系var obj = document.getElementById("id");注意:在火狐浏览器中空白处也算一个节点;文档DOM图:parentNode:父节点;childNodes:子节点;firstChild/lastChild:第一个/最后一个子节点;previousSibling/nextSibling:前一个/下一个姐妹或(兄弟)节点(注意:必须是...原创 2018-06-07 15:12:05 · 250 阅读 · 0 评论 -
JS实现点星星消除小游戏
步骤及游戏功能分析:1.网页上的随机出现小星星;2.点击小星星,小星星消失; 绑定一个onclick事件: 对象.事件 = 事件处理函数; 注意:要想删除某个节点,必须找到它的父节点 注意:在绑定事件中this可以直接使用3.添加功能开始游戏4.添加功能暂停游戏5.游戏进度条功能<style type="text/css"> #d2{ width: 100...原创 2018-06-07 19:52:56 · 2418 阅读 · 1 评论 -
ECMAScript 6常用知识点及实例整理,包含(ECMAScript 7/8/9)
提示:文章篇幅较长,涉及知识点较多,建议收藏后观看。目录let 和 const解构赋值箭头函数的使用模板字符串函数默认参数展开运算符对象字面量 与 classPromise数组新增方法对象新增方法指数函数的中缀形式原创 2019-09-29 16:03:10 · 1202 阅读 · 0 评论