pan_junbiao的博客

数组是存储于一个连续空间且具有相同数据类型的元素集合。可以把数组看作一张单行表格，该表格的每一个单元格都可以存储一个数据，而且各单元格中存储的数据类型可以不同。这些单元格被称为数组元素，每个数组元素都有一个索引号，通过索引号可以方便地引用数组元素。数组是 JavaScript 中唯一用来存储和操作有序数据集的数据结果。数组是 JavaScript 中十分常用的一种数据类型。数组提供了一种快速、方便地管理一组相关数据的方法，是 JavaScript 程序设计的重要内容。通过数组可以对大量性质相同的数据进行存储

Window 对象代表打开的浏览器窗口，通过 Window 对象，可以控制窗口的大小和位置、由窗口弹出的对话框、打开与关闭窗口，还可以控制窗口上是否显示地址栏、工具栏和状态等栏目。对于窗口中的内容，Window 对象可以控制是否重载网页、返回上一个文档或前进到下一个文档。在框架方面，Window 对象可以处理框架与框架之间的关系，并通过这种关系在一个框架中处理另外一个框架的文档。Window 对象还是所有其他对象的顶级对象，通过对 Window 对象的子对象进行操作，可以实现更多的动态效果。

Window 对象代表一个浏览器窗口或标签页，是浏览器对象模型（BOM）的核心对象‌。在浏览器环境中，Window 是 JavaScript 的全局对象。全局变量和函数均为 Window 对象的属性和方法‌。对话框（dialog）是响应用户某种需求而弹出的页面。打开窗口可以使用 Window 对象的 open() 方法。利用 open() 方法可以打开一个新的窗口，并在窗口中装载指定 URL 地址的页面，还可以指定新窗口的大小及窗口中可用的选项，并且可以为打开的窗口定义一个名称。

Document 对象代表浏览器窗口中的文档，该对象是 Window 对象的子对象。由于 Window 对象是 DOM 对象模型中的默认对象，因此其方法和子对象不需要使用 Window 来引用。通过 Document 对象可以访问 HTML 文档中的任何 HTML 标记，并可以动态地改变 HTML 标记中的内容，如表单、图像、表格和超链接等。Document 对象在 JavaScript 1.0 版本中就已经存在，在随后的版本中又增加了几个属性和方法。

在 JavaScript 中，时间戳（Timestamp）通常指自 1970 年 1 月 1 日 00:00:00 UTC（Unix 纪元）以来的毫秒数。时间戳（timestamp）是一个能够表示一份数据在某个特定时间点已经存在的、完整的、可验证的数据，通常是一个字符序列，唯一地标识某一刻的时间。它广泛应用于数据库、计算机系统、文件系统、软件以及通信等领域，用于确保数据的完整性和一致性，以及追踪数据的变化。

async 和 await 是在 ECMAScript 2017 (ES7) 中引入的特性，用于处理异步操作。它们允许你以一种更加简洁和同步的方式来编写异步代码。async 函数表示它会返回一个 Promise，而 await 关键字用于等待一个 Promise 解决。async 是一个函数修饰符，用于声明一个函数是异步的。调用 async 函数时，该函数会立即返回一个 Promise 对象，即使函数体内部没有显式返回 Promise，JavaScript 也会自动将函数的结果封装成 Promise 对象。

Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本，不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似，只是该属性只能声明元素包含的文本内容，即使指定的是 HTML 文本，它也会认为是普通文本而原样输出。

console 对象用于 JavaScript 调试。JavaScript 原生中默认是没有 console 对象，这是宿主对象（也就是浏览器）提供的内置对象。 用于访问调试控制台,在不同的浏览器里效果可能不同。console 对象常见的两个用途：显示网页代码运行时的错误信息。提供了一个命令行接口，用来与网页代码互动。

JQuery 框架的$(document).ready() 方法和window.onload 方法有相似的功能，但是在执行时机方面时有区别的。window.onload 方法是在页面中所有元素（包括元素的所有关联文件）完全加载到浏览器后才执行，即 JavaScript 此时才可以访问页面中的任何元素。而通过 JQuery 中的$(document).ready() 方法注册的事件处理程序，在 DOM 完全就绪时就可以被调用。此时，页面的所有元素对 JQuery 而言都是可以访问的。

块级声明用于声明在指定块的作用域之外无法访问的变量。块级作用域存在于函数内部或者字符{}之间的区域。在 ES6 中新增了使用 let 关键字声明变量的方式。let 的用法和 var 类似，所不同的是，使用 let 声明的变量只在 let 所在的代码块内有效。在 ES6 中提供了 const 关键字用于声明一个只读的常量。使用 const 定义常量后，常量的值就不能改变，而且在声明时必须对其初始化赋值。const 的作用域和 let 的相同，使用 const 声明的常量只在 const 所在的块级作用域内有效

默认参数即在定义函数的参数列表中指定了默认值的参数。在 ES5 中，并没有提供在参数列表中指定参数默认值的语法，要想为函数的参数指定默认值，只能在函数体中实现。在 ES6 中，简化了为参数设置默认值的方法，可以直接在参数列表中设置参数的默认值。在 JavaScript 中，无论在定义函数时设置了多少个形参，在调用函数时都可以传入任意数量的实参，在函数内部可以使用 arguments 对象获取传入的实参。

在 ES6 中，可以使用箭头“=>”定义函数。根据不同的使用场景，箭头函数有多种不同的语法。箭头函数的基本组成包括函数参数、箭头和函数体。第一种情况：箭头函数中只有一个参数，函数体中只有一条语句。第二种情况：箭头函数中参数多于一个，需要使用小括号将参数包含起来。第三种情况：箭头函数中没有参数，需要使用一对空的小括号。

在 ES6 之前，要实现异步调用，通常需要使用事件和回调函数。随着 Web 程序越来越复杂，使用事件和回调函数实现异步的方式并不能完全满足开发者的需求。而在 ES6 中提供的Promise 可以更好地解决异步编程问题。通过Promise 构造函数可以创建一个Promise 对象。Promise 构造函数只接受一个参数，该参数是一个执行器函数，在函数内包含需要异步执行的代码。

在 ES6 中新增了类的概率，多个具有相同属性和方法的对象就可以抽象为类。JavaScript 在它的早期版本就支持类，直到 ES6 引入 class 关键字后才有了自己的语法。每一个类中包含了一个特殊的方法constructor()，它是类的构造函数，其作用是对类进行初始化。通过 new 关键字生成对象实例后会自动调用构造函数。如果没有显示定义，在类的内部会自动创建一个constructor() 构造函数。

早期的 JavaScript 程序很小，通常被用来执行独立的脚本任务，在 Web 页面中需要的地方提供一定的交互。随着 Web 应用程序变得越来越复杂，有必要考虑提供一种将 JavaScript 程序拆分为可按需导入的单独模块的机制，这就是模块化编程。模块化编程就是将一个复杂的程序根据一定的规则封装成一个或多个文件，并组合在一起。使用这种方式，可以将代码分解到多个文件中，每个文件都称为一个模块。一个模块通常是一个类或者多个函数组成的方法库。

ECMAScript 6 中引入了模板字面量，主要通过多行字符串和字符串占位符对字符串进行增强操作。模板字面量的基础语法是使用反引号“`”替换字符串的单引号或双引号。在一个模板字面量中，允许将变量或任何合法的表达式嵌入占位符并将其作为字符串的一部分。将定义的变量嵌入占位符并将其放在字符串中进行输出。

表单元素在HTML页面中起着非常重要的作用，是用户与网页交互信息的重要手段。下面将介绍一些常用的使用JavaScript操作表单元素的方法。1、表单（form）1.1 使用JavaScript脚本提交form表单//提交表单myForm.method = 'POST';myForm.action = "action.html";myForm.submit();1.2使用J...

在Web项目开发中，经常使用下拉框的级联功能，下面将介绍如何使用JavaScript实现下拉框的动态绑定与级联功能。1、相关知识点说明1.1 清空下拉框选项在每次绑定下拉框选择项数据前，都需要先清除该下拉框原有的选择项数据。//获取下拉框对象let selProvince = document.getElementById("selProvince");//清空下拉框选项...

1、ECMAScript的简介ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准，但实际上后两者是ECMA...

1、Ajax简介随着Web2.0概念的普及，追求更人性化、更美观的页面效果成了网站开发的必须。Ajax正在其中充当着重要角色。由于Ajax是一个客户端技术，所以无论使用哪种服务器技术（如JSP、PHP、ASP.NET等）都可以使用Ajax。相对于传统的Web应用开发，Ajax运用的是更加先进、更加标准化、更加高效的Web开发技术体系。1.1 Ajax开发模式与传统开发模式的比较互联网发...

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop() 方法用于删除并返回数组的最后一个元素。unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

JavaScript 日期处理公共函数。在 JavaScript 中，处理日期和时间是一个常见的需求。JavaScript 提供了Date 对象，用于处理日期和时间。本文将介绍一组 JavaScript 日期处理函数，包括将字符类型转日期类型、将日期类型转字符类型等、时间戳的使用，适用于多种日期格式，提供了丰富的示例代码及测试方法。

1、浏览器信息//浏览器信息function BrowserInfo() { var userLanguage = navigator.userLanguage; // 用户在自己的操作系统上设置的语言（火狐没有） var userAgent = navigator.userAgent; //包含以下属性中所有或一部分的字符串：appC...

JavaScript同步服务器时间的倒计时功能要求：1、定时同步服务器时间，保证倒计时准确。2、能够同时实现多个抢购商品的倒计时。1、创建/ajax/SysTimeHandler.ashx一般处理程序用于页面请求，获取服务器时间。<%@ WebHandler Language="C#" Class="SysTimeHandler" %>using Syst...

1、函数语法elementNode.attributes：属性返回包含被选节点属性的 NamedNodeMap。elementNode.getAttribute(name)：方法通过名称获取属性的值。elementNode.setAttribute(name, value)：方法创建或改变某个新属性。elementNode.removeAttribute(name)：方法通过名称删...

1、函数语法createElement(name)：方法可创建元素节点，此方法可返回一个 Element 对象。appendChild(node)：方法在指定元素节点的最后一个子节点之后添加节点，该方法返回新的子节点。removeChild(node)：方法可从子节点列表中删除某个节点。elementNode.childNodes：属性返回包含被选节点的子节点的 NodeList。...

1、使用JavaScript提供的eval()函数function JsonText1() { var strJSON = "{'Name':'Kevin','Age':'23'}"; //得到的JSON var obj = eval("(" + strJSON + ")"); //转换后的JSON对象 alert(obj.Name); }2、使用JSON...

1、创建Calendar.js文件/********************************************************* * 使用方法 * 控件调用onclick="fPopCalendar(event,this,this)" * 如下，给控件设置为readonly * <input type="text" onclick="fPopCa...

javascript区域下拉框的实现与使用。1、编写页面HTML代码<div> 送货地址： <select id="selProvince"><option value="">---请选择--</option></select> <select id="selCity"><option ...

Marquee.js实现跑马灯效果1、Marquee.js文件/****************************************************************- Marquee.js- 参数：- ID：滚动对象（必须）- Direction：滚动方向（"top": 0, "up": 0, "bottom": 1, "down": 1, "left...

AjaxUpLoad.js的使用实现无刷新文件上传，如图。图1 文件上传前图2 文件上传后1、创建页面并编写HTML上传文档:<div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> &l...

1、JS提供的转换函数2、toFixed()函数——把 Number 四舍五入为指定小数位数的数字3、DOM动态给按钮绑定事件4、设置Element的对象属性、集合属性和事件属性5、sort()函数——Array.sort()方法是用来对数组项进行排序6、Math对象中的random()、ceil()、floor()、round()等函数7、document获取自定义属性...

1、setTimeout函数setTimeout(function() { remind(); }, 5000); //5秒后将会调用执行remind()函数2、setInterval函数var interval;interval = setInterval(function() { remind() }, 5000); //5秒循环调用执行remind()函数clearI...

JS精确到毫秒的倒计时1、页面HTML代码<div id="CountMsg"> 今天距离 <strong id="EndTimeMsg"></strong> 还有 <strong id="RemainD">0</strong>天 <strong id="RemainH">00...

1、验证年龄格式（年龄只能0~99，两位数）2、控制文本框只能输入数字3、验证字符串是否只包含数字4、验证Email格式5、验证文本必须是英文6、验证货币格式（保留小数点2位）7、验证URL格式8、验证手机格式9、验证年份格式10、验证日期格式（yyyy-MM）11、验证正负货币格式（保留小数点2位）100、验证处理1、验证年龄格式（年龄只能0~99...

XMLHttpRequest对象是Ajax的核心，它有许多的属性、方法和事件以便于脚本处理和控制HTTP的请求与响应。下面是有关XMLHttpRequest对象的一些属性、方法和使用的介绍。1、 Ajax的XMLHttpRequest对象的属性和方法 1. readyState属性 当一个XMLHttpRequest对象被创建后，readState属性的标识了当前对...

<script language="javascript">//写入cookiefunction setCookies(name,value){ var Days = 30; //此 cookie 将被保存 30 天 var expdate = new Date(); expdate.setTime(expdate.getTime() + Days*24*...

1、获取Url中的参数2、控制文本框只能输入数字3、删除左右两端的空格4、将日期转换成"yyyy-mm-dd"格式5、JavaScript获取用户使用的浏览器类型6、JavaScript获取浏览器高宽度7、JavaScript中读取JSON的方法8、解决使用ajax方式对select控件进行填充时，ie下会出现样式BUG9、js实现复制到剪贴板(IE, firefo...

简介：window.external.AddFavorite这个把网站添加到浏览者收藏夹的脚本大家应该常常看过，但你还知道window.external的另外一些用法呢？由于是一些关于系统文件操作的命令，因为安全设置有些脚本会出错误. 1.external.AddDesktopComponent 把网站作为用户的Active桌面< language="JavaScript" type="...

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <body onselectstart="return false"> 取消选取、防止复制...