JavaScript
javascript postMessage给子页面发消息
发送消息页面 <!DOCTYPE html> <html> <head> <title>demo</title> <meta charset="utf-8" /> <script> var childwin const childname = "popup" function openChild() ......
11.16 基本完成个人任务管理系统项目后重新复习JavaScript高级程序设计——声明var与let变量关键字区别的笔记
我看的是js高级程序设计第四版，前两章快速了解了一下，第三章开始慢啃，虽然内容枯燥，很多东西自己也知道了，但还是有一些收获的。 比如，声明变量的三个关键词：var、let、const；var以前经常用但是会出问题，相比let没有那么严谨（var声明范围函数作用域，而let声明范围块级作用域）。 看个 ......
JavaScript判断图片是否已经加载完毕的方法汇总_javascript技巧
在网上有很多关于判断图片是否已经加载完毕的文章，但是有的浏览器并不适合，下面小编给大家分享一些有关JavaScript判断图片是否已经加载完毕方法汇总，具体内容如下所示： 一.onload事件 通过监听图片的onload事件，可以判断图片是否已经加载完成，兼容所有的浏览器（w3c推荐方法），代码示例 ......
JavaScript 的数组方法
数组方法构成了任何编程语言中数组的基本方面。这些方法使程序员能够操作、迭代和转换数组，为各种任务提供有效的解决方案。无论是排序、过滤还是映射数据，理解和利用数组方法都是释放代码全部潜力的关键 值（） 该方法返回一个迭代器，为数组中的每个索引提供一个值，不需要任何参数。 长度（） 该方法返回数组的长度 ......
JavaScript
JavaScript 什么是JavaScript JavaScript是一门世界上最流行的脚本语言 快速入门 引入JavaScript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title ......
setTimeout 是浏览器环境提供的，JS 标准没有规定。不是JavaScript的全局函数，是浏览器（宿主环境）提供的
下列哪些函数是JavaScript的全局函数？ A encodeURI B parseFloat C setTimeout D eval 正确答案：ABD 答案：A、B、D 个人记忆方法：6（编码相关）+ 2（数据处理）+ 4（数字相关）+ 1（特殊） 编码相关： escape()、unescape ......
onclick="javascript:void(0)"就是行内javascript
给网页添加JavaScript的方式有 A 使用script标签，将javascript代码写到之间 B 添加外部javascript文件 C 使用行内javascript D 使用@import引入javascript文件 正确答案：ABC A正确。使用script标签，将javascript代码 ......
【你不知道的JavaScript】this关键字
没有this时，需要传入上下文获取name，在多个上下文时，代码变得繁杂重复 var me = { name: "Kyle" }; var you = { name: "Reader" }; function identify(context) { return context.name.toUpp ......
javascript promise all实现图片顺序加载
不使用promise时是异步加载，图片加载的顺序不固定 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-sca ......
理解与使用Javascript中的回调函数
js里的解释: A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 从字面上理解下来就是 ......
一个常见的 JavaScript 解构陷阱
在日常的 JavaScript 编码中，我们经常使用解构语法来提取对象中的属性。假设我们有一个名为 fetchResult 的对象，代表从接口返回的数据，其中包含一个字段名为 data。 const fetchResult = { data: null }; 在提取 data 字段时，为了避免接口未 ......
前端学习-JavaScript学习-JavaScript高级程序设计-第2章笔记
在HTML中使用JavaScript元素 <script>元素 元素属性 MDN <script>：脚本元素 属性 使用状态 描述 charset 可选、少用 字符集 defer 可选、少用 表示脚本可以延迟至文档完全被解析后实行，部分浏览器不支持 language 废弃 编写代码使用的语言 src ......
JavaScript实现Date( ) ——日期格式化的三种常用方法
Date( ) 介绍 Date( ) 基本使用 Date()日期对象是构造函数，必须使用new来调用我们的日期对象。 若Date()没有参数时 返回当前时间 若Date(timer)有参数时 返回参数设置的时间 参数写法：'2012-2-2 08:54:32'（字符串） 返回值格式：Sun May ......
JavaScript - js生成 txt 文件
JavaScript - js生成 txt 文件 /** * 方法定义 */ function download(filename, text) { var element = document.createElement('a'); element.style.display = 'none'; ......
JavaScript 事件的类型
单击事件：当用户单击 HTML 元素时，会触发单击事件，这对于创建响应式和交互式界面至关重要。它们经常用于按钮单击或链接导航等操作，从而增强整体用户体验。 鼠标事件：鼠标事件捕获涉及鼠标的用户操作，例如在元素上移动（鼠标悬停）、离开元素（鼠标移出）。为悬停效果或复杂的拖放交互等功能提供基础。 键盘事 ......
JavaScript 基础知识
运营商 运算符对数据进行操作。它们有多种形式，包括算术运算符（+、-、*、/）、比较运算符（==、!=、<、>）和逻辑运算符（&&、||、!） 控制流语句 控制流语句根据特定条件控制代码块的执行顺序。它们包括if-else语句、switch语句和循环。 数组 数组是数据项的有序集合。它们允许您使用单 ......
JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历
一、创建Date对象 var dateObj=new Date(); var now = Date.now() 当前时间 二、Date方法 1、将日期转为字符串 toLocaleString() toLocaleDateString() toLocaleTimeString() 2、获取年、月、日、 ......
理解Asynchronous JavaScript：使用Axios获取数据
Today's learning journey has taken me through the intricacies of using Axios, a promisted based HTTP client, for fetching data from public API using n ......
JavaScript中实现异步编程模式的4种方法,回调函数、事件监听、发布/订阅、Promises对象：
下面哪些方法可以用于JavaScript 异步模式的编程？ A 回调函数 B 事件监听 C 发布/订阅 D Promise对象 正确答案：ABCD 参考答案： 回调函数，这是异步编程最基本的方法。 事件监听，另一种思路是采用事件驱动模式。任务的执行不取决于代码的顺序，而取决于某个事件是否发生。 发布 ......
在Javascript中，函数定义分为三种方法：函数声明，函数表达式和使用Function构造函数
在Javascript定义一个函数一般有如下三种方式 1，函数关键字(function)语句： function fnMethodName(x){alert(x);} (最常用的方法) 2，函数字面量(Function Literals)： var fnMethodName = function(x ......
JavaScript复习——04 事件
事件对象 事件对象是由浏览器在外面触发事件的时候创建的，这个对象封装了各种事件相关的各种信息 例如： 鼠标的位置 键盘的按键 浏览器创建事件对象后，会将事件对象作为响应参数传递 在DOM类型中有多种不同类型的事件对象，但是他们都一个祖先Event event.clientX：获取鼠标的X轴坐标 ev ......
JavaScript--正则表达式
正则表达式 判断用户名/密码 var reg = /^\w{6,12}$/; var flag = reg.test(username); 判断手机号，1开头并且11位数字 var reg = /^[1]\d{10}$/; var flag = reg.test(tele); function te ......
JavaScript案例--表单验证
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
原生JavaScript 与 jQuery 执行Ajax请求
原生JavaScript和jQuery都可以用来执行Ajax请求，以下是它们的基本实现方式的比较： 原生JavaScript实现Ajax请求： var xhr = new XMLHttpRequest(); xhr.open("GET", "https://api.example.com/data" ......
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好，暂时记录一下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> </head> <body> <s ......
JavaScript--事件监听
事件绑定 dom属性绑定 <input type="button" id = "btn" value="点我"> <script> // document.getElementById('myImgine').src = 'images/open.jpg'; document.getElementB ......
JavaScript-3
JavaScript-3 onmousemove 该事件将会在鼠标在元素中移动时被触发 <style> #a1{ width: 200px; height:100px; border: 2px solid red; } #a2{ width: 200px; height: 50px; border: ......
JavaScript 中的数字在计算机内存中占8个Byte
关于Javascript中数字的部分知识总结： 1.Javascript中，由于其变量内容不同，变量被分为基本数据类型变量和引用数据类型变量。基本类型变量用八字节内存，存储基本数据类型(数值、布尔值、null和未定义)的值，引用类型变量则只保存对对象、数组和函数等引用类型的值的引用(即内存地址)。 ......
关于W3C制定的 JavaScript 标准事件模型，先事件捕获从windows > document 往下级直到 特定的事件节点，然后进行事件处理，再事件冒泡，从特定节点往上级，这个完整的过程
关于W3C制定的 JavaScript 标准事件模型，先事件捕获从windows > document 往下级直到 特定的事件节点，然后进行事件处理，再事件冒泡，从特定节点往上级，这个完整的过程 dom2规定的事件流包括3个阶段： ①事件捕获， ②处于目标阶段（事件处理）， ③事件冒泡阶段。 DOM ......