![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript 基础
文章平均质量分 65
js 基础
_龙衣
想到就去做,万一实现了。
展开
-
使用 window.open 打开新窗口
打开新窗口的方式有哪些在链接上单击右键,然后选择「在新窗口打开链接」或者「在新标签打开链接」按住键盘上的 Ctrl/Command 单击链接,新标签打开链接<a href="...." target="_blank">window.open()下面仅介绍window.open的使用window.open 的参数介绍语法:let windowObjectReference = window.open(strUrl, strWindowName, [strWindowFeatur原创 2021-11-21 16:49:52 · 12858 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-属性的操作》
HTML 元素包括标签名和若干个键值对,这个键值对就称为“属性”(attribute)。<a id="test" href="http://www.example.com"> 链接</a>上面代码中,a元素包括两个属性:id属性和href属性。概述元素节点提供六个方法,用来操作属性。getAttribute()getAttributeNames()setAttribute()hasAttribute()hasAttributes()removeAttri原创 2021-10-30 21:51:34 · 171 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-setTimeout 和 setInterval》
JavaScript 提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。setTimeout()setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。function f() { console.log(2);}setTimeout(f, 1000);还有一个需要注意的地方,如果回调函数是对象的方法.原创 2021-10-30 21:46:58 · 542 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-实例对象和New对象》
new 命令的原理使用new命令时,它后面的函数依次执行下面的步骤。创建一个空对象,作为将要返回的对象实例。将这个空对象的原型,指向构造函数的prototype属性。将这个空对象赋值给函数内部的this关键字。开始执行构造函数内部的代码。Object.create() 创建实例对象构造函数作为模板,可以生成实例对象。但是,有时拿不到构造函数,只能拿到一个现有的对象。我们希望以这个现有的对象作为模板,生成新的实例对象,这时就可以使用Object.create()方法。var perso原创 2021-10-30 21:32:34 · 357 阅读 · 0 评论 -
入门前端-由 JavaScript 的作用域衍生到闭包
文章目录全局作用域模块作用域函数作用域块作用域词法作用域上篇文章我们写了 var,let,const的区别,文中多次提到作用域,那么作用域是什么呢?作用域定义了变量的生命周期和可见性。变量在声明它们的作用域之外是不可见的。JavaScript 有全局作用域、模块作用域、函数作用域、块作用域、词法作用域。全局作用域在任何函数、块或模块作用域之外定义的变量称为全局变量。可以从应用程序的任何地方访问全局作用域内的变量模块作用域函数作用域块作用域词法作用域...原创 2021-08-08 17:55:15 · 161 阅读 · 0 评论 -
var、let、const – 有什么不同?
文章目录var变量的作用域可以重新声明和更新作用域提升var 的问题letlet 是块作用域可以更新,但不能重新声明作用域提升constconst 声明是块作用域的常量不能更新或重新声明总结在本文中,我们将讨论var、 let 和 const,它们的作用域、用途和提升。(关于作用域我们下篇介绍)var在 ES6出现之前,var 声明占主导地位。不过,与用var 声明的变量相关的问题也存在。这就是为什么有必要用新的方法来声明变量的出现。比如let 和 const变量的作用域作用域本质上意味着这翻译 2021-08-03 21:37:16 · 261 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-callback、Promise、async和await》
文章目录callback 回调函数为什么要使用回调函数?怎么使用回调函数?回调地狱Promise解决什么问题如何使用Promise多异步任务合并用法`Promise.all(iterable)``Promise.race(iterable)`Promise.all 和 Promise.race 的区别Promise 和 Callback 的区别async/await解决什么问题如何使用async/await 和 promise 的区别总结callback 回调函数定义:被作为实参传入另一函数,并在该外原创 2021-08-03 21:35:15 · 357 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Storage接口》
文章目录Storage属性和方法Storage.setItem()Storage.getItem()Storage.removeItem()Storage.clear()Storage.key()StorageStorage 接口用于脚本在浏览器保存数据。两个对象部署了这个接口:window.sessionStorage和window.localStoragesessionStorage保存的数据用于浏览器的一次会话(session),当会话结束(通常是窗口关闭),数据被清空;local转载 2021-07-31 21:40:37 · 191 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-浏览器环境概述》
文章目录概述代码嵌入网页的方法script 元素工作原理defer 属性async 属性脚本的动态加载概述JavaScript 是浏览器的内置脚本语言。也就是说,浏览器内置了 JavaScript 引擎,并且提供各种接口,让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本,浏览器加载网页,就会去执行脚本,从而达到操作浏览器的目的,实现网页的各种动态效果。代码嵌入网页的方法网页中嵌入 JavaScript 代码,主要有四种方法。<scr转载 2021-07-31 21:16:52 · 107 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Map和Set》
这里写目录标题MapSet实例过滤数组中唯一的元素过滤字谜迭代键MapSet实例过滤数组中唯一的元素function unique(arr) { return Array.from(new Set(arr));}let values = ["Hare", "Krishna", "Hare", "Krishna", "Krishna", "Krishna", "Hare", "Hare", ":-O"];alert( unique(values) ); // Hare, Kr原创 2021-07-20 22:27:41 · 214 阅读 · 2 评论 -
入门前端-《JavaScript 语言入门教程-iterator 迭代器》
可迭代(Iterable) 对象是数组的泛化。这个概念是说任何对象都可以被定制为可在 for..of循环中使用的对象。数组是可迭代的。但不仅仅是数组。很多其他内建对象也都是可迭代的。例如字符串也是可迭代的。Symbol.iterator例如,我们有一个对象,它并不是数组,但是看上去很适合使用 for..of 循环。比如一个 range 对象,它代表了一个数字区间:let range = { from: 1, to: 5};// 我们希望 for..of 这样运行:// for.转载 2021-07-20 21:11:07 · 142 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-this关键字》
涵义this关键字是一个非常重要的语法点。毫不夸张地说,不理解它的含义,大部分开发任务都无法完成。前一章已经提到,this可以用在构造函数之中,表示实例对象。除此之外,this还可以用在别的场合。但不管是什么场合,this都有一个共同点:它总是返回一个对象。简单说,this就是属性或方法“当前”所在的对象。实质JavaScript 语言之所以有 this 的设计,跟内存里面的数据结构有关系。var obj = { foo: 5 };上面的代码将一个对象赋值给变量obj。Java转载 2021-06-30 21:53:56 · 136 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-对象继承》
原型对象概述构造函数的缺点JavaScript 通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部。function Cat (name, color) { this.name = name; this.color = color;}var cat1 = new Cat('大毛', '白色');cat1.name // '大毛'cat1.color // '白色'通过构造函数为实例对象定义属性,虽然很方便,但是有一个缺点。同转载 2021-06-30 21:44:10 · 128 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Object 对象的相关方法》
Object.getPrototypeOf()Object.getPrototypeOf方法返回参数对象的原型。这是获取原型对象的标准方法。var F = function () {};var f = new F();Object.getPrototypeOf(f) === F.prototype // trueObject.setPrototypeOf()Object.setPrototypeOf方法为参数对象设置原型,返回该参数对象。它接受两个参数,第一个是现有对象,第二个是原型对转载 2021-06-30 21:31:53 · 111 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-严格模式》
除了正常的运行模式,JavaScript 还有第二种运行模式:严格模式(strict mode)。顾名思义,这种模式采用更加严格的 JavaScript 语法。同样的代码,在正常模式和严格模式中,可能会有不一样的运行结果。一些在正常模式下可以运行的语句,在严格模式下将不能运行。总之,严格模式体现了 JavaScript 更合理、更安全、更严谨的发展方向。启用方法进入严格模式的标志,是一行字符串use strict。'use strict';老版本的引擎会把它当作一行普通字符串,加以忽略。新版.转载 2021-06-30 21:24:36 · 148 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Object 对象》
Object 对象JavaScript 原生提供Object对象(注意起首的O是大写),本章介绍该对象原生的各种方法。JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例。Object对象的原生方法分成两类:Object本身的方法与Object的实例方法。(1)Object对象本身的方法所谓“本身的方法”就是直接定义在Object对象的方法。Object.print = function (o) { console.log(o) };上面代码中,转载 2021-05-30 09:55:07 · 137 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Array 对象及使用示例》
构造函数Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组。var arr = new Array(2);// 等同于var arr = Array(2);Array()构造函数有一个很大的缺陷,不同的参数会导致行为不一致。// 无参数时,返回一个空数组new Array() // []// 单个正整数参数,表示返回的新数组的长度new Array(1) // [ empty ]new Array(2) // [ empty x 2 ]转载 2021-05-30 09:53:46 · 200 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Number对象》
NumberNumber对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用。toFixed()toFixed()方法先将一个数转为指定位数的小数,然后返回这个小数对应的字符串.(10).toFixed(2) // "10.00"10.005.toFixed(2) // "10.01"其中10必须放在括号里,否则后面的点会被处理成小数点。由于浮点数的原因,小数5的四舍五入是不确定的,使用的时候必须小心。(10.055).toFixed(2) // 10.05(10.转载 2021-05-30 09:26:40 · 173 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-String对象》
charAt()charAt方法返回指定位置的字符,参数是从0开始编号的位置。var s = new String('abc');s.charAt(1) // "b"s.charAt(s.length - 1) // "c"如果参数为负数,或大于等于字符串的长度,charAt返回空字符串。'abc'.charAt(-1) // ""'abc'.charAt(3) // ""concat()concat方法用于连接两个字符串,返回一个新字符串,不改变原字符串。var s1 = 'ab转载 2021-04-17 22:54:47 · 77 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Math对象》
静态属性Math对象的静态属性,提供以下一些数学常数。Math.E:常数e。Math.LN2:2 的自然对数。Math.LN10:10 的自然对数。Math.LOG2E:以 2 为底的e的对数。Math.LOG10E:以 10 为底的e的对数。Math.PI:常数π。Math.SQRT1_2:0.5 的平方根。Math.SQRT2:2 的平方根。Math.E // 2.718281828459045Math.LN2 // 0.6931471805599453Math.LN10 /转载 2021-04-17 22:52:38 · 129 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-Date对象》
普通函数的用法Date对象可以作为普通函数直接调用,返回一个代表当前时间的字符串。Date()// "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"注意,即使带有参数,Date作为普通函数使用时,返回的还是当前时间。Date(2000, 1, 1)// "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)"上面代码说明,无论有没有参数,直接调用Date总是返回当前时间。Date.now()Date.now方法返回当前时间距离转载 2021-04-17 22:49:42 · 208 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-JSON对象》
JSON.stringify()基本用法JSON.stringify()方法用于将一个值转为 JSON 字符串。该字符串符合 JSON 格式,并且可以被JSON.parse()方法还原。JSON.stringify('abc') // ""abc""JSON.stringify(1) // "1"JSON.stringify(false) // "false"JSON.stringify([]) // "[]"JSON.stringify({}) // "{}"JSON.stringify转载 2021-04-17 22:47:57 · 120 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-console 对象与控制台》
日志输出等级console.log()console.info()console.debug()console.warn()warn方法输出信息时,在最前面加一个黄色三角,表示警告console.error()error方法输出信息时,在最前面加一个红色的叉,表示出错。同时,还会高亮显示输出文字和错误发生的堆栈。console.table()对于某些复合类型的数据,console.table方法可以将其转为表格显示。var languages = [ { name: "JavaS转载 2021-03-21 10:04:45 · 157 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-try_catch以及 Error 错误处理》
Error 实例对象JavaScript 解析或运行时,一旦发生错误,引擎就会抛出一个错误对象。JavaScript 原生提供Error构造函数,所有抛出的错误都是这个构造函数的实例。var err = new Error('出错了');err.message // "出错了"JavaScript 语言标准只提到,Error实例对象必须有message属性,表示出错时的提示信息,没有提到其他属性。大多数 JavaScript 引擎,对Error实例还提供name和stack属性,分别表示错误的转载 2021-03-21 10:01:47 · 309 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-数据类型转化》
强制转换强制转换主要指使用Number()、String()和Boolean()三个函数,手动将各种类型的值,分别转换成数字、字符串或者布尔值。Number// 数值:转换后还是原来的值Number(324) // 324// 字符串:如果可以被解析为数值,则转换为相应的数值Number('324') // 324// 字符串:如果不可以被解析为数值,返回 NaNNumber('324abc') // NaN// 空字符串转为0Number('') // 0// 布尔值:tru转载 2021-03-21 10:00:06 · 120 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-运算符》
算术运算符除了加法运算符,其他算术运算符(比如减法、除法和乘法)都不会发生重载。它们的规则是:所有运算子一律转为数值,再进行相应的数学运算。true + true // 21 + true // 2'3' + 4 + 5 // "345"3 + 4 + '5' // "75"1 - '2' // -11 * '2' // 21 / '2' // 0.5为了得到负数的正确余数值,可以先使用绝对值函数// 错误的写法function isOdd(n) { return n %转载 2021-03-21 09:58:52 · 132 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-函数和数组》
函数函数是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值。函数的重复声明如果同一个函数被多次声明,后面的声明就会覆盖前面的声明。function f() { console.log(1);}f() // 2function f() { console.log(2);}f() // 2toString()函数的toString()方法返回一个字符串,内容是函数的源码。function f() { a(); b(); c();}转载 2021-02-28 20:57:27 · 132 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-字符串和对象》
字符串length 属性length属性返回字符串的长度,该属性也是无法改变的var s = 'hello';s.length // 5s.length = 3;s.length // 5s.length = 7;s.length // 5字符集JavaScript 使用 Unicode 字符集。JavaScript 引擎内部,所有字符都用 Unicode 表示。JavaScript 不仅以 Unicode 储存字符,还允许直接在程序中使用 Unicode 码点表示字符,转载 2021-02-28 20:56:26 · 237 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-数据类型和数值》
六种数据类型JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值,本教程不涉及。)数值(number):整数和小数(比如1和3.14)字符串(string):文本(比如Hello World)。布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值null:表示空值,即此处的值为空转载 2021-02-28 20:53:53 · 150 阅读 · 0 评论 -
入门前端-《JavaScript 语言入门教程-导论》
导论JavaScript 语言的定义JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。目前,已经嵌入 JavaScript 的宿主环境有多种,最常见的环境就是浏览器,另外还有服务器环境,也就是 Node 项目。为什么学习 JavaScript操控浏览器的能力广泛的使用领域浏览器的平台化Node数据库操作移动平台开发内嵌脚本语言跨平台的桌面转载 2021-02-28 20:52:19 · 181 阅读 · 0 评论