JavaScript 教程
JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。
JavaScript 非常容易学。
本教程将教你学习从初级到高级JavaScript知识。
老狼主
工作中展现自我,学习中完善自我,生活中乐活自我!
展开
-
JS 元素遍历
1、循环遍历从getElementsByClassName返回的所有元素var elements = document.getElementsByClassName('classname');Array.prototype.forEach.call(elements, function (element) { console.log(element.innerHTML);});...原创 2020-03-28 19:34:14 · 5249 阅读 · 2 评论 -
Node.js数据库mysql操作
1、安装mysqlnmp install mysql示例:// 引用库let mysql=require('mysql');// 创建连接对象let connection=mysql.createConnection({ host:'localhost', user:'root', password:'1803', database:'go...原创 2020-03-08 18:12:34 · 128 阅读 · 0 评论 -
Node.js函数串行/并行操作
工具类asyncgithub 开源地址:https://github.com/caolan/async安装模块:nmpinstallasync --save-devasync series 控制串行无关联流程**方式一**async.series([ function(callback) { // TODO. callbac...原创 2020-03-08 17:51:40 · 397 阅读 · 0 评论 -
HTML DOM HTMLCollection对象
DOM HTMLCollectionHTMLCollection 是 HTML 元素的集合。HTMLCollection 对象类似一个包含 HTML 元素的数组列表。getElementsByTagName()方法返回的就是一个 HTMLCollection 对象。属性和方法下表列出了 HTMLCollection 对象中的属性和方法:属性 / 方法 描述 it...原创 2020-03-08 12:22:48 · 860 阅读 · 1 评论 -
HTML CSS Style Declaration对象
CSS Style Declaration 对象CSS Style Declaration 对象表示一个 CSS 属性-值(property-value)对的集合。CSS Style Declaration 对象属性属性 描述 cssText 设置或返回样式声明文本,cssText 对应的是 HTML 元素的 style 属性。 length 返回样式中包含多...原创 2020-03-08 12:22:36 · 322 阅读 · 0 评论 -
HTML DOM Console对象
Console 对象Console 对象提供了访问浏览器调试模式的信息到控制台。方法 描述 assert() 如果断言为 false,则在信息到控制台输出错误信息。 clear() 清除控制台上的信息。 count() 记录 count() 调用次数,一般用于计数。 error() 输出错误信息到控制台 group() 在控制台创建一...原创 2020-03-08 12:22:19 · 334 阅读 · 0 评论 -
HTML DOM 事件
HTML DOM 事件HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮)。提示:在 W3C 2 级 DOM 事件中规范了事件模型。HTML DOM 事件DOM:指明使用的 DOM 属性级别。鼠标(Mouse)事件属性 描述 DOM oncli...原创 2020-03-07 09:02:45 · 262 阅读 · 0 评论 -
HTML DOM Attr对象
HTML DOM 节点在 HTML DOM (Document Object Model) 中, 所有的都是节点:文档是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性都是属性节点 插入到 HTML 元素中的文本为文本节点 注释是注释节点Attr 对象在 HTML DOM 中,Attr 对象代表一个 HTML 属性。HTML属性总是属于HTML元素。...原创 2020-03-07 09:01:31 · 1274 阅读 · 0 评论 -
HTML DOM Element对象
HTML DOM 节点在 HTML DOM (Document Object Model) 中, 每个东西都是节点:文档本身就是一个文档对象 所有 HTML 元素都是元素节点 所有 HTML 属性都是属性节点 插入到 HTML 元素文本是文本节点 注释是注释节点元素对象在 HTML DOM 中,元素对象代表着一个 HTML 元素。元素对象 的子节点可以是, 可以是...原创 2020-03-07 09:00:59 · 335 阅读 · 0 评论 -
HTML DOM Document对象
HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点:文档是一个文档节点。 所有的HTML元素都是元素节点。 所有 HTML 属性都是属性节点。 文本插入到 HTML 元素是文本节点。are text nodes。 注释是注释节点。Document 对象当浏览器载入 HTML 文档, 它就会成为Docume...原创 2020-03-07 09:01:53 · 446 阅读 · 0 评论 -
Storage对象
解释Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。 localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据...原创 2020-03-07 09:01:15 · 478 阅读 · 0 评论 -
Location 对象
解释Location 对象包含有关当前 URL 的信息。Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。Location 对象属性属性 描述 hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的...原创 2020-03-07 09:00:07 · 138 阅读 · 0 评论 -
History 对象
解释History 对象包含用户(在浏览器窗口中)访问过的 URL。History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。History 对象属性属性 说明 length 返回历史列表中的网址数 History 对象方法方法 说明 back() 加载 history 列表中的前一个 URL...原创 2020-03-07 08:59:52 · 206 阅读 · 0 评论 -
Screen 对象
解释Screen 对象包含有关客户端显示屏幕的信息。Screen 对象属性属性 说明 availHeight 返回屏幕的高度(不包括Windows任务栏) availWidth 返回屏幕的宽度(不包括Windows任务栏) colorDepth 返回目标设备或缓冲器上的调色板的比特深度 height 返回屏幕的总高度 pixelDept...原创 2020-03-07 08:59:33 · 235 阅读 · 0 评论 -
Navigator 对象
解释Navigator 对象包含有关浏览器的信息。Navigator 对象属性属性 说明 appCodeName 返回浏览器的代码名 appName 返回浏览器的名称 appVersion 返回浏览器的平台和版本信息 cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值 platform 返回运行浏览器的操...原创 2020-03-07 08:58:57 · 164 阅读 · 0 评论 -
Window 对象
解释Window 对象表示浏览器中打开的窗口。如果文档包含框架(<frame> 或 <iframe> 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。Window 对象属性属性 描述 closed 返回窗口是否已被关闭。 defaultStatus 设置或返回窗口状态栏...原创 2020-03-07 08:58:34 · 227 阅读 · 0 评论 -
JavaScript Error对象
解释Error 对象在错误发生时提供了错误的提示信息。语法以下实例中 try 语句块包含了未定义的函数 "adddlert" ,执行它会产生错误,catch 语句块会输出该错误的信息:try { adddlert("Welcome");}catch(err) { document.getElementById("demo").innerHTML = ...原创 2020-03-06 09:22:38 · 805 阅读 · 0 评论 -
JavaScript 运算符
解释JavaScript 运算符用于赋值,比较值,执行算术运算等。算术运算符算术运算符用于执行两个变量或值的运算。例如:vary = 5;运算符 描述 例子 y 值 x 值 + 加法 x = y + 2 y = 5 x = 7 - 减法 x = y - 2 y = 5 x = 3 * 乘...原创 2020-03-06 09:20:22 · 1845 阅读 · 0 评论 -
JavaScript 全局
解释JavaScript 全局属性和方法可用于创建Javascript对象。JavaScript 全局属性属性 描述 Infinity 代表正的无穷大的数值。 NaN 指示某个值是不是数字值。 undefined 指示未定义的值。 JavaScript 全局函数函数 描述 decodeURI() 解码某个编码的 URI。 ...原创 2020-03-06 09:13:47 · 14995 阅读 · 0 评论 -
JavaScript RegExp 对象
解释正则表达式是描述字符模式的对象。正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。语法var patt=new RegExp(pattern,modifiers);或var patt=/pattern/modifiers;pattern(模式) 描述了表达式的模式 modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配...原创 2020-03-06 09:12:32 · 15963 阅读 · 0 评论 -
JavaScript String 对象
解释String 对象用于处理文本(字符串)。语法var txt = new String("string");var txt2 = "string";String 对象属性属性 描述 constructor 对创建该对象的函数的引用 length 字符串的长度 prototype 允许您向对象添加属性和方法 String 对象方法...原创 2020-03-06 09:10:46 · 657 阅读 · 0 评论 -
JavaScript Number 对象
解释Number 对象是原始数值的包装对象。语法var num = new Number(value);var num2 = 123456;注意:如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。Number 对象属性属性 描述 constructor 返回对创建此对象的 Number 函数的引用。 MAX_VALUE 可表示的最...原创 2020-03-06 09:09:02 · 365 阅读 · 0 评论 -
JavaScript Math 对象
Math 对象Math 对象用于执行数学任务。Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。语法var x = Math.PI; // 返回PIvar y = Math.sqrt(16); // 返回16的平方根Math 对象属性属性 描述 E 返回算术常量 e,即自然对数的底数(约等于2.718)。...原创 2020-03-06 08:57:51 · 303 阅读 · 0 评论 -
JavaScript Date 对象
Date 对象Date 对象用于处理日期与时间。创建 Date 对象:new Date()以下四种方法同样可以创建 Date 对象:var d = new Date();var d = new Date(milliseconds);var d = new Date(dateString);var d = new Date(year, month, day, hours,...原创 2020-03-06 08:56:35 · 2298 阅读 · 0 评论 -
JavaScript Boolean 对象
Boolean 对象Boolean 对象用于转换一个不是 Boolean 类型的值转换为 Boolean 类型值 (true 或者false).Boolean 对象属性属性 描述 constructor 返回对创建此对象的 Boolean 函数的引用 prototype 使您有能力向对象添加属性和方法。 Boolean 对象方法方法 描述 t...原创 2020-03-06 08:55:14 · 2376 阅读 · 0 评论 -
JavaScript Array 对象
Array 对象Array 对象用于在变量中存储多个值:varcars = ["Saab","Volvo","BMW"];第一个数组元素的索引值为 0,第二个索引值为 1,以此类推。数组属性属性 描述 constructor 返回创建数组对象的原型函数。 length 设置或返回数组元素的个数。 prototype 允许你向数组对象添加...原创 2020-03-06 08:54:10 · 3078 阅读 · 0 评论