Category: JavaScript

JavaScript模拟输入事件

本篇博文旨在记录做RPA流程时遇到更改输入框的value后前端的后台数据没变的情况时的解决方案。主要思路是先创建几个事件，然后使用DOMElement.dispatch()方法触发事件。代码如下: 1234567891011var input = document.getElementById("compose_preload").contentDocument.que...

2022-12-08 blogJavaScript

JS导出和导入模块

本文所写的内容皆来自红宝书，并且是ES6的知识。本篇博文阅读方法: 命名导出对应命名导入，默认导出对应默认导入。模块导出export关键字用于声明一个值为命名导出。导出语句必须在模块顶级，不能嵌套在某个块中: 12345678// 允许export ...// 不允许if (condition){ export ...} 命名导出123456789101112...

2021-09-17 blogJavaScript

期约外完成期约

逻辑是这样的: 先在期约的作用域外定义一个变量，然后在期约中让这个变量等于期约的resolve方法，然后在期约外调用这个定义的函数。那么看代码吧: 12345678910let syncfunction;let p = new Promise((resolve)=>{ syncfunction = resolve;})p.then(()=>{ ...

2021-07-24 blogJavaScript

XHR跨域

之前虽然知道”跨域”这个词，也知道怎么给服务端加上”跨域”这一功能，但是一直不明白跨域是怎么回事，今天看了红宝书终于整明白了。先说说请求的大概流程吧: 前端发送请求->后端收到请求->后端发送响应->前端收到响应。如果不跨域的情况下，前三步都没有问题，但是第四步会出现问题，导致第四步出现问题的原因是服务器的响应头中没有”Access-Control-Allow-Origi...

2021-06-18 blogJavaScript

XHR

提示: 本篇博文内容全部取自红宝书，博主只是记录一下使用方法，以下博文中的内容几乎全部都可以在红宝书中找到。所有现代浏览器都通过XMLHttpRequest构造函数原生支持XHR对象: 1let xhr = new XMLHttpRequest(); 使用XHR对象首先要调用open()方法，这个方法接收三个参数: 请求类型(“get”, “post”等)，请求URL，以及表示请求是否异步...

2021-05-17 blogJavaScript

我先把整体需要明白的内容都放在最上面这一行。创建canvas元素至少要设置宽和高。2D绘图上下文提供了绘制方法，包括矩形，弧形和路径。2D上下文的坐标原点(0, 0)在canvas元素的左上角。所有坐标值都相对于该点计算。因为x坐标向右增长，y坐标向下增长。默认情况下，width和height表示两个方向上像素的最大值。fill和stroke是两种绘图的方式，可以简单理解为fill为填充绘图...

2021-05-12 blogJavaScript

JS添加右键菜单

先看效果图(我没有做美化，简陋了亿点点)。然后我先讲解一下大概的逻辑: 在用户右键时，获取其右键的位置，然后在用户右键的位置展示出右键菜单。在用户左键时，关闭右键菜单。在用户右键的位置展示出右键菜单这一步很简单，只需要添加一个绝对定位的盒子，然后将这个盒子移动到右键的位置即可。那么请看代码: 123456789101112<!DOCTYPE html><html lang=...

2021-05-10 blogJavaScript前端

HTML事件处理

这里只讲如何获取触发的是什么事件以及获取触发该事件的节点。

2021-05-07 blogJavaScript

JS滚动到指定元素

这里用到了HTML5标准的scrollIntoView()方法。那么先看代码案例: 12345678910111213141516171819202122232425262728293031323334353637383940<!DOCTYPE html><html lang="en"><head> <meta charse...

2021-05-06 blogJavaScript

JavaScriptDOM节点操作

创造节点document.createElement(); 创建一个元素节点，返回该元素节点。类似的还有createTextNode等，这里就不写了。插入节点Node.appendChild(Node); 插入一个子节点，该子节点成为该节点的lastChild。Node.insertBefore(newNode, someNode); 参数newNode为要插入的节点，someNod...

2021-05-06 blogJavaScript