JavaScript
关注
分享
扫一扫
上课不要睡觉了
逝者如斯夫，不舍昼夜
展开
-
在使用JavaScript实现跳转后后面的js就不再执行（解决方法）
在写纯前端项目时遇到了使用JavaScript实现跳转后后面的js就不再执行的情况。原本自己是希望在完成页面跳转后再实现一段JavaScript的功能。后面在朋友的帮助下成功解决了这个问题。原创 2022-06-03 22:21:16 · 3306 阅读 · 1 评论 -
JavaScript的DOM操作
JavaScript的DOM操作1.核心2.更新节点3.删除节点4.插入节点1.核心由于HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作：更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容；遍历：遍历该DOM节点下的子节点，以便进行进一步操作；添加：在该DOM节点下新增一个子节点，相当于动态增加了一个HTML节点；删除：将该节点从HTML原创 2022-05-17 23:23:29 · 362 阅读 · 0 评论 -
JavaScript之location
location 对象表示当前页面的URL信息。例如，一个完整的URL：https://www.baidu.com/s?tn=44004473_46_oem_dg&ie=utf-8&word=%E7%99%BE%E5%BA%A6可以用location.href 获取。要获得URL各个部分的值，可以这么写：location.protocol; // 'https'location.host; // 'www.baidu.com'location.port; // 端口号locat原创 2022-05-17 20:38:54 · 933 阅读 · 0 评论 -
JavaScript时间Date
在JavaScript中， Date 对象用来表示日期和时间。要获取系统当前时间，用：var now = new Date();now; // Mon May 16 2022 13:30:39 GMT+0800 (中国标准时间)now.getFullYear(); // 2022, 年份now.getMonth(); // 4, 月份，注意月份范围是0~11，4表示五月now.getDate(); // 16, 表示16号now.getDay(); // 1, 表示星期一//外国人一周的开始原创 2022-05-17 07:38:25 · 1234 阅读 · 0 评论 -
在JavaScript中用typeof 操作符获取对象的类型
在JavaScript的世界里，一切都是对象。但是某些对象还是和其他对象不太一样。为了区分对象的类型，我们用typeof 操作符获取对象的类型，它总是返回一个字符串：typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'function'typeof原创 2022-05-16 13:25:02 · 399 阅读 · 0 评论 -
JavaScript局部作用域、常量，var、let、const
局部作用域由于JavaScript的变量作用域实际上是函数内部，我们在for 循环等语句块中是无法定义具有局部作用域的变量的：'use strict';//严格模式function foo() { for (var i=0; i<100; i++) { // } i += 100; // 仍然可以引用变量i}为了解决块级作用域，ES6引入了新的关键字let ，用let 替代var 可以申明一个块级作用域的变量：'use strict';function foo() { v原创 2022-05-16 13:19:56 · 228 阅读 · 0 评论 -
JavaScript的全局作用域、全局对象window
不在任何函数内定义的变量就具有全局作用域。实际上，JavaScript默认有一个全局对象window ，全局作用域的变量实际上被绑定到window 的一个属性：'use strict';//严格模式var course = 'Learn JavaScript';alert(course); // 'Learn JavaScript'alert(window.course); // 'Learn JavaScript因此，直接访问全局变量course 和访问window.course 是完全一样原创 2022-05-16 13:12:53 · 2077 阅读 · 0 评论 -
JavaScript中的arguments和rest参数
arguments关键字arguments ，它只在函数内部起作用，并且永远指向当前函数的调用者传入的所有参数。function foo(x) { console.log('x = ' + x); // 10 for (var i=0; i<arguments.length; i++) { console.log('arg ' + i + ' = ' + arguments[i]); // 10, 20, 30 }}foo(10, 20, 30);利用arguments ，你可以原创 2022-05-16 11:47:13 · 388 阅读 · 0 评论 -
JavaScript中的Map (有value)和 Set（没有value）
JavaScript的默认对象表示方式 { } 可以视为其他语言中的 Map 或 Dictionary 的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型Map 。MapMap 是一组键值对的结构，具有极快的查找速度。举个例子，假设要根据同学的名字查找对应的成绩，如果用Array 实现，需要两个Array ：var names = ['Michael'原创 2022-05-16 11:25:55 · 575 阅读 · 0 评论 -
JavaScript中的forEach、for...in和for...of
forEachvar age=[12,45,656,48,87,789,845,47]; age.forEach(function (value) { console.log(value); }) //遍历输出值12 45 656 48 87 789 845 47for…in和for…ofvar arr = [3,4,5];for (var x in arr) { console.log(x);}//输出索引，0原创 2022-05-16 11:11:13 · 160 阅读 · 1 评论 -
JavaScript对象及相关操作
JavaScript对象及相关操作1、定义一个对象2、获取对象的属性3、由于JavaScript的对象是动态类型，你可以自由地给一个对象添加或删除属性4.***如果我们要检测对象是否拥有某一属性，可以用 in 操作符JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成。JavaScript的对象用于描述现实世界中的某个对象。JavaScript的对象类似于Python中的字典。var person = {name: '小明',birth: 1990,school: 'No.1原创 2022-05-16 10:44:24 · 185 阅读 · 0 评论 -
JavaScript的数组操作
JavaScript的数组操作1、JavaScript的`Array` 可以包含任意数据类型，并通过索引来访问每个元素。2、`Array` 可以通过索引把对应的元素修改为新的值，因此，对`Array` 的索引进行赋值会直接修改这个`Array`。3、JavaScript数组常用方法1、JavaScript的Array 可以包含任意数据类型，并通过索引来访问每个元素。要取得Array 的长度，直接访问length 属性：var arr = [1, 2, 3.14, 'Hello', null, true原创 2022-05-16 10:32:17 · 913 阅读 · 0 评论 -
JavaScript字符串操作
JavaScript字符串操作1、字符串连接2、字符串特性3、JavaScript为字符串提供了一些常用方法1、字符串连接要把多个字符串连接起来，可以用+ 号连接：var name = '小明';var age = 20;var message = '你好, ' + name + ', 你今年' + age + '岁了!';alert(message);如果有很多变量需要连接，用+ 号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：v原创 2022-05-16 09:43:07 · 221 阅读 · 0 评论 -
JavaScript的相等运算符（==）和（===）
在JavaScript中==的作用是对数据值的比较，当值相同数据类型不同也会返回true。===的作用则更为严格，要同时满足数据类型一致，且值相同才会返回true。false == 0; // truefalse === 0; // false由于JavaScript这个设计缺陷，不要使用== 比较，始终坚持使用=== 比较。另一个例外是NaN （not a numbe）这个特殊的Number与所有其他值都不相等，包括它自己：NaN === NaN; // false唯一能判断NaN原创 2022-05-16 09:28:13 · 237 阅读 · 0 评论 -
在idea中设置JavaScript的ES6，然后设置严格模式
在idea中写JavaScript时设置ES6标准步骤：File>settings>搜索ES6>Languages & Frameworks>JavaScript完成这部设置后就能够在JavaScript中设置严格检查模式严格检查模式只需在JavaScript代码第一行加上'use strict';即可。<!DOCTYPE html><html lang="en"><head> <meta charset="U原创 2022-05-15 15:42:57 · 2708 阅读 · 0 评论 -
undefined 和 null 的区别
null 和 undefined 的值相等，但类型不等原创 2022-05-10 18:43:55 · 109 阅读 · 0 评论 -
JavaScript——函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。1、使用内置函数console.log(parseFloat('7.26e-2')); //返回解析后的浮点数：0.0726console.log(isNaN(' ')); //判断是否是NaN:falseconsole.log(parseFloat('15.99')); //返回解析后的整数值:152、语法function 函数名([参数1，参数2，···]){ // 函数体}案例：<!DOCTYPE htm原创 2022-03-31 08:44:28 · 922 阅读 · 0 评论 -
JavaScript——常用输出语句_注释方法
1、常用输出语句1、alert()alert()用于弹出一个警告框，确保用户可以看到某些信息。2、console.log()原创 2022-03-25 16:12:47 · 5180 阅读 · 0 评论 -
JavaScript——引入方式
1、编写一个简单网页<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页内容 </body></html>运行效果：2、将JavaScript嵌入到HTML中<!DOCTYPE html><html>原创 2022-03-25 09:39:48 · 2467 阅读 · 0 评论 -
重学JavaScript基础思维导图
原创 2020-05-16 16:05:32 · 183 阅读 · 0 评论 -
JavaScript基础&DOM思维导图
原创 2020-05-29 10:45:12 · 321 阅读 · 0 评论 -
细学JavaScript笔记
1、js的String对象** 创建String对象*** var str = “abc”;** 方法和属性（文档） *** 属性 length：字符串的长度 *** 方法 （1）与html相关的方法 - bold()：使用粗体显示字符串 - fontcolor()： 方法用于按照指定的颜色来显示字符串 - fontsize()： 使用指定的尺寸来显示字符串 - link()： 方法用于把字符串显示为超链接 **** str4.link("https://www.bai原创 2020-05-30 20:57:21 · 354 阅读 · 0 评论