JavaScript
关注
分享
扫一扫
文章平均质量分 66
JavaScript编程系列，教你如何快速掌握JavaScript语言，如何高效的使用JavaScript各种语法实现交互功能。
猿始森林
一枝又一叶，待我码上一片森林，便与众猿俱飨欢颜！
展开
-
【JavaScript编程】encodeURI和encodeURIComponent的区别
如果你之前使用了encodeURIComponent对这些部分进行了编码，那么你可以使用decodeURIComponent来将其解码回原始状态。如果你之前使用了encodeURI对一个URL进行了编码，那么你可以使用decodeURI来将其解码回原始状态。原创 2024-04-02 18:45:33 · 669 阅读 · 0 评论 -
【JavaScript编程】ArrayBuffer转JSON
将ArrayBuffer转换为JSON是一个复杂的过程，因为它涉及到从二进制数据到文本数据的转换。原创 2024-03-31 14:27:47 · 1716 阅读 · 0 评论 -
【JavaScript编程】前端实现文件下载
设置请求的响应类型为blob，这样就可以接收到文件流。然后，通过获取文件流创建Blob URL，来实现下载原创 2024-03-30 16:10:40 · 2311 阅读 · 0 评论 -
【JavaScript编程】前端如何实现局部打印（精确打印）
在前端开发中实现精确打印控制（局部打印）原创 2024-03-30 14:50:21 · 4058 阅读 · 0 评论 -
【JavaScript编程】如何实现锚点定位
在JavaScript中，锚点定位通常是指将页面的滚动条定位到某个特定的元素原创 2024-03-30 15:09:11 · 1958 阅读 · 0 评论 -
【JavaScript编程】forEach跳出循环
在JavaScript中，forEach函数用于遍历数组中的每一个元素，并对每个元素执行一次回调函数。然而，forEach函数并没有内置的方法可以直接跳出整个循环，因为它设计之初就是为了确保每个元素都会被处理。但是，你可以通过一些技巧来实现类似的功能。原创 2024-03-29 13:38:37 · 1709 阅读 · 0 评论 -
【JavaScript编程】window.location.search 返回值为空
一、Location 对象window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。二、属性hash和search的区别属性描述location.hash设置或返回一个URL的锚部分（从 # 号开始的部分）。location.search设置或返回一个URL的查询部分（从 ? 开始的部分）。1、示例1，url中#在?后面： https://blog.youkuaiyun.com/article?id=94458654#firs.原创 2020-12-17 11:54:10 · 2159 阅读 · 3 评论 -
【JavaScript编程】禁止复制html页面内容
1、使用 JS、CSS 分别实现禁止复制 HTML 页面内容，会产生不同的页面效果2、如何实现禁止复制 HTML 页面局部内容一、复制html页面内容，正确姿势使用鼠标拖动，选择需要的文字，被选中的文字会变成蓝色。复制、粘贴会得到想要的结果二、JS 实现禁止复制1.1、代码实现：使用 onselectstart 事件，以下两种方式均可<html lang="en" onselectstart="return false">或document.onselectst.原创 2020-07-06 16:40:45 · 4289 阅读 · 1 评论 -
【JavaScript编程】Selection对象和Range对象
说明：用户可以通过在页面上选择一段文字来创建选中区（即Selection对象），如果需要对选中区进行修改，比如：增加一个节点或是添加一段文字，这个时候就需要使用脚本操作Selection对象和Range对象来实现。一、什么是1、什么是Selection对象？每一个浏览器窗口都有一个Selection对象，代表用户鼠标在页面中所选取的区域。可以通过如下代码得到一个Selection对象：var selection = window.getSelection();// IE浏览器var s.原创 2020-07-06 16:38:45 · 2738 阅读 · 1 评论 -
【JavaScript编程】运算符
JavaScript 运算符用于赋值、比较、执行算术运算等。算术运算符用于执行两个变量或值的运算。++i 和 i++ 的区别赋值运算符用于给 JavaScript 变量赋值。比较运算符用于逻辑语句的判断，从而确定给定的两个值或变量是否相等。条件运算符用于基于条件的运算。逻辑运算符用来确定变量或值之间的逻辑关系。位运算符原创 2019-08-05 17:11:24 · 343 阅读 · 1 评论 -
【JavaScript编程】循环语句及性能优化
循环语句语句描述while当条件语句为 true 时，执行语句块。do … while执行一个语句块，在条件语句为 true 时继续执行该语句块。for在条件语句为 true 时，可以将代码块执行指定的次数。for … in用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。for … offorEachmap...原创 2019-08-05 13:39:38 · 578 阅读 · 1 评论 -
【JavaScript编程】JavaScript 错误之 throw 和 try/catch/finally 语句
JavaScript 错误定义：当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误，我们把这种错误叫 JavaScript 错误。相关语句：处理错误的相关语句如下：语句描述try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。finally 语句在 try 和 catch 语句之后...原创 2019-08-02 16:15:21 · 572 阅读 · 1 评论 -
【JavaScript编程】条件语句
条件语句JavaScript 语句，通常用一个语句标识符来标识要执行的JavaScript操作。switch 语句 case break default。if else 语句 参数为赋值运算时。if语句什么时候可以省略大括号。if else 语句和switch 语句的区别。switch 语句的局限性。switch 语句的简洁性。原创 2019-08-02 16:14:40 · 813 阅读 · 1 评论 -
【JavaScript编程】ajax原生实现
AJAXXMLHttpRequest 对象向服务器发送请求：XMLHttpRequest.open() XMLHttpRequest.send()服务器响应：XMLHttpRequest. responseText回调函数：onreadystatechange封装ajax原创 2019-07-30 19:38:22 · 335 阅读 · 1 评论 -
【JavaScript编程】iframe
iframe定义及使用iframe标签 用于定义内联框架，内联框架是在一个页面中嵌入另一个页面。如：<iframe src="https://blog.youkuaiyun.com/guang_s"></iframe>有很多网页看上去是一个网页，但实际上它其中可能镶嵌有其它网页，<iframe>标签就可以把其它网页无缝地嵌入在一个页面中。<ifram...原创 2019-07-30 10:47:34 · 2356 阅读 · 1 评论 -
【JavaScript编程】递归
递归定义程序调用自身的编程技巧称为递归。递归做为一种算法在程序设计语言中广泛应用。 它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大地减少了程序的代码量。实例问题1：求n个整数的积？分析2：n积 f()1f(1) = 12f(2) = 2 x f(1)...原创 2019-07-25 19:05:52 · 181 阅读 · 1 评论 -
【JavaScript编程】浏览器同源策略限制与规避（跨域）
浏览器同源政策含义所谓"同源"指的是"三个相同"。协议相同域名相同端口相同举例来说，http://www.example.com/src/index.html 这个网址，协议是 http://，域名是 www.example.com，端口是 80（默认端口可以省略）。目的同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。 设想这样一种情况：A网站是一...原创 2019-07-17 18:47:44 · 975 阅读 · 1 评论 -
【JavaScript编程】内存泄漏
什么是内存泄漏内存泄漏指任何对象在您不再拥有或需要它之后仍然存在：程序的运行需要内存，只要程序提出要求，操作系统或者运行时就必须供给内存。对于持续运行的服务进程，必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。垃圾回收机制有些语言（比如 C 语言）必须手动释放内...原创 2019-07-17 18:47:09 · 599 阅读 · 1 评论 -
【JavaScript编程】闭包
全局变量变量在函数外定义，即为全局变量：在web页面中全局变量属于 window 对象；全局变量有全局作用域：可应用于页面上的所有脚本；生命周期：全局变量在页面关闭后销毁；变量声明时如果不使用 var 关键字，那么它就是一个全局变量，即便它在函数内定义。局部变量变量在函数内声明，即为局部变量：局部变量有局部作用域：只能在函数内部访问；生命周期：局部变量在函数开始执行...原创 2019-07-11 19:31:40 · 260 阅读 · 1 评论 -
【JavaScript编程】原型、原型链
一、原型隐式原型对象具有属性 proto，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。Object.getPrototypeOf()原型属性每个对象都会在其内部初始化一个属性——原型属性（prototype），这个属性是一个指针，指向一个对象，这个对象的用途就是包含所有实例共享的属性和方法（我们把这个对象叫做...原创 2019-07-08 18:51:03 · 274 阅读 · 1 评论 -
【JavaScript编程】面向对象
面向对象定义内存中同时存储多个数据和功能的存储空间；描述现实中一个具体事物的属性和功能的程序结构；事物的属性，会成为对象中的属性；事物的功能，会成为对象中的方法；使用在开始写程序前，都要先用对象，描述好要操作的事物的属性和功能；再按需使用对象的功能，访问对象的属性本质js中一切对象的底层都是关联数组每个属性/方法都是关联数组中的元素属性名/方法名是key，属性...原创 2019-07-08 18:49:35 · 218 阅读 · 1 评论 -
【JavaScript编程】事件对象
事件对象每次一件事情发生的时候就会马上生成一个事件对象 eventevent 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态；事件通常与函数结合使用，函数不会在事件发生前被执行。常用属性属性描述event.bubbles返回布尔值，指示事件是否是起泡事件类型。event.cancelable返回布尔值，指示...原创 2019-07-08 18:47:56 · 236 阅读 · 1 评论 -
【JavaScript编程】DOM 对象
HTML DOM 节点在 HTML DOM (Document Object Model) 中, 每个东西都是节点 :文档本身就是一个文档对象所有 HTML 元素都是元素节点所有 HTML 属性都是属性节点插入到 HTML 元素文本是文本节点注释是注释节点一、Document 对象当浏览器载入 HTML 文档, 它就会成为 Document 对象。Document ...原创 2019-07-08 17:28:42 · 250 阅读 · 1 评论 -
【JavaScript编程】BOM 对象
浏览器对象模型 (BOM)浏览器对象模型（Browser Object Model）：由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。一、Window 对象所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员：全局变量是 window 对象的属性。全局函数是 win...原创 2019-07-08 17:26:26 · 252 阅读 · 1 评论 -
【JavaScript编程】严格模式
说明除了正常的运行模式，JavaScript 还有第二种运行模式：严格模式（strict mode）。顾名思义，这种模式采用更加严格的 JavaScript 语法。同样的代码，在正常模式和严格模式中，可能会有不一样的运行结果。一些在正常模式下可以运行的语句，在严格模式下将不能运行。一、设计初衷1、早期的 JavaScript 语言有很多设计不合理的地方，但是为了兼容以前的代码，又不...原创 2019-05-21 14:26:29 · 518 阅读 · 2 评论