so_mad的个人资料

什么时候我们搞个吧有聚会如题。。

【8.1更新】Beagle1.5.1 Bootstrap后台UI界面响应Html5后台 Beagle是一个响应管理模板基于Bootstrap框架,简约的界面设计完美的响应式布局完全可以用作一个手机app。主要特色完全响应设计基于Bootstrap 漂亮的设计灵感Google+的用户界面可配置大量的变量固定窗口的顶部两个侧栏优化css动画在移动包括Less文件建在Grunt工作流程自定义插件 Js模块化的核心固定和可滚动栏多个面板风格错误页面风格登录和注册页面忘记密码页面电子邮件收件箱页面电子邮件详细信息页面电子邮件撰写邮件页色彩斑斓的定制的图表 datatable的插件向导组件 CSS 3模态的影响容易定制包括使用文档复选框&单选框组件 2018.8.1更新1.5.1 Version 1.5.1 – 1 Aug 2018 Updated: Bootstrap to v4.1.3 Updated: dataTables to v1.10.19 Updated: perfect-scrollbar to v1.4.0 Improvement: Move git repos to npm packages Improvement: Added “active” class in sub-navigation layout Improvement: Create different select2 sizes to match the BS form controls Fixed: Missing hover & active styles to disabled buttons Fixed: form-control-sm doesn’t work in select Fixed: Wrong active text color in calendar widget weui.in

[官方]8.4更新 Metronic5.5.2发布 Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，多种颜色可选，近百个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。 8.4日目前最新版本为5.5.2 Updates & Improvements Cleanup assets and remove unused JS files in Angular assets.. Fixes Fix Angular mPortlet header on the responsive mobile mode. Fix Angular dialog demo page. The text input does not update on submit. Fix Angular top bar header and left side navigation menu style, was broken on Safari browser. Fix mDatatable checkbox selection should be removed after calling datatable API reload() Fix Timepicker demo page. The input does not update on timepicker updated. Fix gulp compiler error when RTL and CSS source map is enabled.. 需要的可以私信。 weui.in

[官方]8.1更新 Metronic5.5.1发布 Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，多种颜色可选，近百个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。 8.1日目前最新版本为5.5.1 Angular assets cleanup, remove unused js code 需要的可以私信。 weui.in

[官方]7.31更新 Metronic5.5发布 Metronic 是一套精美的响应式后台管理模板，基于强大的 Twitter Bootstrap 框架实现。Metronic 拥有简洁优雅的 Metro UI 风格界面，多种颜色可选，近百个模板页面，包括图表、表格、地图、消息中心、监控面板等后台管理项目所需的各种组件。 7.31日目前最新版本为5.5 Fully Native Angular 6.1.0 Version for Default demo. 需要的可以私信。 weui.in

【6.11更新】BeTheme5.2 – HTML 响应式多用途前台模版 WordPress大名鼎鼎的BeTheme的HTML版。 2018年6月11日更新至BeTheme5.2 主要更新内容： Added: layouts “Barman”, “Kindergarten 2”, “Coffee 2”, “Gym 2”, “Eco 2”, “Garden 3”, “Fantasy”, “Church 2”, “Funeral Home”, “Security 2” 更多模版 weui.in

【6.24更新V5.3】Metronic - Responsive Admin Dashboard Templa Metronic是一套基于Twitter Bootstrap 3.3.4框架开始的多功能响应式后台管理和前台开发模板。Metronic可用于任意类型的网页应用：用户管理面板、数据图表管理、商城后台、CMS、CRM、SAAS和一些基本的前端模板包括商业网站、商城、企业网站、作品展示、博客等。Metronic的时尚、简洁、直观的metro扁平化分格设计，让你的项目看起来更吸引人，用户体验更好。Metronic集成了大量的插件和UI元素，支持目前流行的各种PC浏览器、平板电脑和手机。 2018年6月24日-Metronic5.3 主要更新内容： RTL(Right To Left) Support. New Login 6 page. 更多模版 weui.in

【6.11更新】Nifty - Light & Dark Admin Template Nifty是基于Bootstrap 3.3框架的响应式后台管理模板。有很多有用的组件。使用较少的CSS构建（包含较少的文件）。使用变量轻松维护CSS，mixins和更多。 2018.6.11 Nifty当前版本2.9.1 Improved : Nifty notifications plugin. Updated : Bootstrap Datepicker to version 1.8.0 Updated : Bootstrap Table to version 1.12.1 Updated : Chosen to version 1.8.7 Updated : ClipboardJS to version 2.0.1 Updated : GaugeJS to version 1.3.6 Updated : jsTree to version 3.3.5 Updated : Masonry to version 4.2.1 Updated : MetisMenu to version 2.7.7 Updated : noUiSlider to version 11.1.0 Updated : Select2 to version 4.0.4 Updated : Summernote 0.8.10 Fixed : Navigation can not be closed on ios platform. Fixed : The submenus issue does not open after switching navigation mode. Fixed : Minor CSS issues. http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.weui.in&urlrefer=2af5e2142abaebbfe026636cd5f8f66a

【5.28更新】Angle - Bootstrap Admin Template Angle是一个基于Bootstrap和多个框架的web控制面板应用程序。此模板中包含的所有组件都经过开发，可以充分发挥HTML5和Bootstrap的所有潜力，并添加一组新功能( JS和CSS )，非常适合后台管理开发或管理web应用程序项目。模版包含：Angular5, AngularJS, ReactJS, Static HTML5/jQuery, Material Design, MVC5, NetCore 2.0, Ruby on Rails MeteorJS and MeanJS 2018.5.28日当前版本：3.8.9.1 Fix netcore-angular6 build - Rollback to Webpack3 weui.in

【5.8更新V5.2】Metronic - Responsive Admin Dashboard Templa Metronic是一套基于Twitter Bootstrap 3.3.4框架开始的多功能响应式后台管理和前台开发模板。Metronic可用于任意类型的网页应用：用户管理面板、数据图表管理、商城后台、CMS、CRM、SAAS和一些基本的前端模板包括商业网站、商城、企业网站、作品展示、博客等。Metronic的时尚、简洁、直观的metro扁平化分格设计，让你的项目看起来更吸引人，用户体验更好。Metronic集成了大量的插件和UI元素，支持目前流行的各种PC浏览器、平板电脑和手机。 2018年5月8日 - Metronic5.2 主要更新内容： New Demo11 added. New Demo12 added. New datatables.net plugin integration. http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.weui.in&urlrefer=2af5e2142abaebbfe026636cd5f8f66a

【5.2更新】Avada - 功能超级强大的Wordpress企业主题 Avada是一款功能非常强大的企业主题，它拥有丰富的插件可以构造出各种页面风格和布局，能够满足你所有个性化的要求。不过有利有弊的是，功能强大也意味着功能上的复杂，所以在新手使用上可能有些不便，但是如果你不在乎设置的复杂，那么这款主题你值得拥有。干净,现代,多功能设计可以用于任何类型的网站非常先进的网络选项,以方便定制,无需修改代码数十名专业设计演示,可以轻松的一键导入与最新的WordPress版本兼容 WordPress多点(WPMU)测试和批准 HTML5 and CSS3 SEO优化,搜索引擎优化基础已经内置(与搜索引擎优化插件兼容）组织良好,评论和干净的代码跨浏览器的兼容性:FireFox、Safari、Chrome IE9,IE11 更多功能 5.2日 Avada更新至5.5.1 - NEW: Added new border width and border radius options for form fields- NEW: Added new "clean" design option for search forms across the site- NEW: Added new text transform option to button element- NEW: Added a Theme Option to set hover color for breadcrumb links- NEW: Added new layout (floated inputs) to login/registration elements- NEW: Added "remember me" checkbox option to login element- NEW: Added max width option to image element, to control the maximum space an image would take up- NEW: All option color pickers now support RGBA colors http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.weui.in&urlrefer=2af5e2142abaebbfe026636cd5f8f66a

【4.28更新】Metronic - Responsive Admin Dashboard Template Metronic是一套基于Twitter Bootstrap 3.3.4框架开始的多功能响应式后台管理和前台开发模板。Metronic可用于任意类型的网页应用：用户管理面板、数据图表管理、商城后台、CMS、CRM、SAAS和一些基本的前端模板包括商业网站、商城、企业网站、作品展示、博客等。Metronic的时尚、简洁、直观的metro扁平化分格设计，让你的项目看起来更吸引人，用户体验更好。Metronic集成了大量的插件和UI元素，支持目前流行的各种PC浏览器、平板电脑和手机。 2018年4月28日 - Metronic5.1.7 主要更新内容： Bootstrap 4.1.0 update. mDatatable performance improvements Remove mDatatable deprecated methods: row.getDatatable() and row.getIndex() in template callback. mDatatable local search and filter improvements. For mWizard plugin added mWizard.stop() and mWizard.start() API methods instead of retruing boolean value from Event handler function to cancel wizard step. http://tieba.baidu.com/mo/q/checkurl?url=http%3A%2F%2Fwww.weui.in&urlrefer=2af5e2142abaebbfe026636cd5f8f66a

【知识库】Themeforest入吧必看[吧规、资源导航、基本知识] 为了更好的管理和服务吧友，将与本吧相关和与Themeforest有关的基本知识与常见问题在本楼中进行整理。为了保证本帖具有良好的结构与可读性,本帖禁止一切形式的回复与评论(吧务除外,影响美观的也会删).违者删帖外加封禁1天。

Avada - 功能超级强大的WordPress企业主题一楼防吞

wordpress企业主题：BeTheme V20.8.9.1 一楼防吞

Metronic下载 1楼喂度娘

[官方]4.1更新 Metronic5.1.5发布 New New widget - Personal Income New widget - Finance Stats New widget - Packages New widget - Earnings Updates & Improvements IE10 support officially dropped. All Metronic's custom plugins have been rewritten in pure Javascript in order to use theme in native Angular, VueJS and ReactJS versions in the near future: mMenu mDropdown mHeader mOffcanvas mPortlet mQuicksearch mScrolltop mToggle mWizard Metronic's custom plugins HTML attribute prefix changed from data to m. Eg: m-dropdown-toggle="hover", m-dropdown-persistent="hover". Update Bootstrap Select to the latest version v1.13.0-beta. Update Lineawesome to the latest version. mDatatable local data source search method now support multi values by passing array: datatable.search(['search', 'values'], ColumnName);. mDatatable add class option to the individual column. mDatatable inherit row <tr> properties from HTML table. mDatatable add option for remote data request timeout. Angular conf file tools/conf/angular.json has been renamed to tools/conf/angular-jquery.json. Added manualStepForward parameter for mWizard plugin to control step forward on step number click. Footer menu optimizations on mobile view for all demos. Enable ajax request fire timeout parameter requestTimeout for mQuicksearch plugin. Fixes mDatatable width overflow issue for demo 2, demo 5, demo 8 and demo 10 mDatatable fix local sort not working at initial load. mDatatable fix getPageSize API returning not correct selected value. mDatatable fix hidden locked columns. mDatatable fix resize after hide columns. mDatatable fix sort API, missing param sort type. mDatatable fix from calling remote when server filtering is disabled. mDatatable fix sort arrow not displayed for right aligned column. mDatatable fix auto hide column with wrong header title. Fix left aside menu collapse/expand event to fix redraw mDatatable layout. gulp fix jquery-ui to include missing assets in the bundle. Metronic custom alert close icon padding fix. Metronic custom dropdown navigation section margin improvement. Enable document scrolling when Sweetalert2 launched. The page title and breadcrumbs are not shown on mobile when fluid page layout is activated for all demos. Form Wizard 2 demo's progress bar issue. Modal z-index issue when page loader(splash) is activated. Bootstrap Select's data-size HTML parameter issue. Metronic custom alert close icon padding fix. Mobile mode breakpoint changed from 992px to 1024px to enable mobile view for ipad portrait mode. 有兴趣的小伙伴可以@我

JavaScript typeof, null, 和 JavaScript typeof, null, undefined, valueOf()。 typeof 操作符你可以使用 typeof 操作符来检测变量的数据类型。实例typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object typeof {name:'John', age:34} // 返回 object 尝试一下 » 在JavaScript中，数组是一种特殊的对象类型。因此 typeof [1,2,3,4] 返回 object。 null 在 JavaScript 中 null 表示 "什么都没有"。 null是一个只有一个值的特殊类型。表示一个空对象引用。用 typeof 检测 null 返回是object。你可以设置为 null 来清空对象: 实例var person = null; // 值为 null(空), 但类型为对象尝试一下 » 你可以设置为 undefined 来清空对象: 实例var person = undefined; // 值为 undefined, 类型为 undefined 尝试一下 » undefined 在 JavaScript 中, undefined 是一个没有设置值的变量。 typeof 一个没有值的变量会返回 undefined。实例var person; // 值为 undefined(空), 类型是undefined 尝试一下 » 任何变量都可以通过设置值为 undefined 来清空。类型为 undefined. 实例person = undefined; // 值为 undefined, 类型是undefined 尝试一下 » undefined 和 null 的区别实例 null 和 undefined 的值相等，但类型不等： typeof undefined // undefined typeof null // object null === undefined // false null == undefined // true 尝试一下 »

JavaScript Break 和 Continue 语句 break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 Break 语句我们已经在本教程之前的章节中见到过 break 语句。它用于跳出 switch() 语句。 break 语句可用于跳出循环。 continue 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：实例for (i=0;i<10;i++){ if (i==3) { break; } x=x + "The number is " + i + "<br>";} 尝试一下 » 由于这个 if 语句只有一行代码，所以可以省略花括号： for (i=0;i<10;i++){ if (i==3) break; x=x + "The number is " + i + "<br>";} Continue 语句 continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。该例子跳过了值 3：实例for (i=0;i<=10;i++){ if (i==3) continue; x=x + "The number is " + i + "<br>";} 尝试一下 » JavaScript 标签正如您在 switch 语句那一章中看到的，可以对 JavaScript 语句进行标记。如需标记 JavaScript 语句，请在语句之前加上冒号： label:statements break 和 continue 语句仅仅是能够跳出代码块的语句。语法: break labelname; continue labelname; continue 语句（带有或不带标签引用）只能用在循环中。 break 语句（不带标签引用），只能用在循环或 switch 中。通过标签引用，break 语句可用于跳出任何 JavaScript 代码块：实例cars=["BMW","Volvo","Saab","Ford"];list: { document.write(cars[0] + "<br>"); document.write(cars[1] + "<br>"); document.write(cars[2] + "<br>"); break list; document.write(cars[3] + "<br>"); document.write(cars[4] + "<br>"); document.write(cars[5] + "<br>"); }

JavaScript while 循环只要指定条件为 true，循环就可以一直执行代码块。 while 循环 while 循环会在指定条件为真时循环执行代码块。语法while (条件) { 需要执行的代码 }实例本例中的循环将继续运行，只要变量 i 小于 5：实例while (i<5){ x=x + "The number is " + i + "<br>"; i++;} 尝试一下 » 如果您忘记增加条件中所用变量的值，该循环永远不会结束。这可能导致浏览器崩溃。 do/while 循环 do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。语法do { 需要执行的代码 } while (条件);实例下面的例子使用 do/while 循环。该循环至少会执行一次，即使条件为 false 它也会执行一次，因为代码块会在条件被测试前执行：实例do{ x=x + "The number is " + i + "<br>"; i++;}while (i<5); 尝试一下 » 别忘记增加条件中所用变量的值，否则循环永远不会结束！比较 for 和 while 如果您已经阅读了前面那一章关于 for 循环的内容，您会发现 while 循环与 for 循环很像。本例中的循环使用 for 循环来显示 cars 数组中的所有值：实例cars=["BMW","Volvo","Saab","Ford"];var i=0;for (;cars[i];){ document.write(cars[i] + "<br>"); i++;} 尝试一下 » 本例中的循环使用 while 循环来显示 cars 数组中的所有值：实例cars=["BMW","Volvo","Saab","Ford"];var i=0;while (cars[i]){ document.write(cars[i] + "<br>"); i++;}

JavaScript switch 语句 switch 语句用于基于不同的条件来执行不同的动作。 JavaScript switch 语句请使用 switch 语句来选择要执行的多个代码块之一。语法switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 case 1 和 case 2 不同时执行的代码} 工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。实例显示今天的星期名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等： var d=new Date().getDay(); switch (d) { case 0:x="今天是星期日"; break; case 1:x="今天是星期一"; break; case 2:x="今天是星期二"; break; case 3:x="今天是星期三"; break; case 4:x="今天是星期四"; break; case 5:x="今天是星期五"; break; case 6:x="今天是星期六"; break; } x 的运行结果：今天是星期一尝试一下 »default 关键词请使用 default 关键词来规定匹配不存在时做的事情：实例如果今天不是星期六或星期日，则会输出默认的消息： var d=new Date().getDay();switch (d){ case 6:x="今天是星期六"; break; case 0:x="今天是星期日"; break; default: x="期待周末";}document.getElementById("demo").innerHTML=x; x 的运行结果：期待周末

JavaScript If...Else 语句条件语句用于基于不同的条件来执行不同的动作。条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中，我们可使用以下条件语句： if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码 if...else if....else 语句- 使用该语句来选择多个代码块之一来执行 switch 语句 - 使用该语句来选择多个代码块之一来执行 If 语句只有当指定条件为 true 时，该语句才会执行代码。语法if (condition) { 当条件为 true 时执行的代码 } 请使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！实例当时间小于 20:00 时，生成问候 "Good day"： if (time<20){ x="Good day";}x 的结果是： Good day 尝试一下 » 请注意，在这个语法中，没有 ..else..。您已经告诉浏览器只有在指定条件为 true 时才执行代码。 If...else 语句请使用 if....else 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。语法if (condition) { 当条件为 true 时执行的代码 } else { 当条件不为 true 时执行的代码 } 实例当时间小于 20:00 时，生成问候 "Good day"，否则生成问候 "Good evening"。 if (time<20){ x="Good day";}else{ x="Good evening";} x 的结果是： Good day 尝试一下 » If...else if...else 语句使用 if....else if...else 语句来选择多个代码块之一来执行。语法if (condition1) { 当条件 1 为 true 时执行的代码 } else if (condition2) { 当条件 2 为 true 时执行的代码 } else { 当条件 1 和条件 2 都不为 true 时执行的代码 } 实例如果时间小于 10:00，则生成问候 "Good morning"，如果时间大于 10:00 小于 20:00，则生成问候 "Good day"，否则生成问候 "Good evening"： if (time<10){ document.write("<b>早上好</b>");}else if (time>=10 && time<16){ document.write("<b>今天好</b>");}else{ document.write("<b>晚上好!</b>");} x 的结果是：早上好尝试一下 »

JavaScript 比较和逻辑运算符比较和逻辑运算符用于测试 true 或者 false。比较运算符比较运算符在逻辑语句中使用，以测定变量或值是否相等。 x=5，下面的表格解释了比较运算符：运算符描述比较返回值实例 == 等于 x==8 false 实例 » x==5 true 实例 » === 绝对等于（值和类型均相等） x==="5" false 实例 » x===5 true 实例 » != 不等于 x!=8 true 实例 » !== 不绝对等于（值和类型有一个不相等，或两个都不相等） x!=="5" true 实例 » x!==5 false 实例 » > 大于 x>8 false 实例 » < 小于 x<8 true 实例 » >= 大于或等于 x>=8 false 实例 » <= 小于或等于 x<=8 true 实例 » 如何使用可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动： if (age<18) x="Too young"; 您将在本教程的下一节中学习更多有关条件语句的知识。逻辑运算符逻辑运算符用于测定变量或值之间的逻辑。给定 x=6 以及 y=3，下表解释了逻辑运算符：运算符描述例子 && and (x < 10 && y > 1) 为 true || or (x==5 || y==5) 为 false ! not !(x==y) 为 true 条件运算符 JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。语法variablename=(condition)?value1:value2 例子实例如果变量 age 中的值小于 18，则向变量 voteable 赋值 "年龄太小"，否则赋值 "年龄已达到"。 voteable=(age<18)?"年龄太小":"年龄已达到";

JavaScript 运算符运算符 = 用于赋值。运算符 + 用于加值。运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。实例指定变量值，并将值相加： y=5; z=2; x=y+z; 在以上语句执行后，x 的值是： 7 尝试一下 » JavaScript 算术运算符<p算术运算符用于执行变量与或值之间的算术运算。="" y=5，下面的表格解释了这些算术运算符：运算符描述例子 x 运算结果 y 运算结果在线实例 + 加法 x=y+2 7 5 实例 » - 减法 x=y-2 3 5 实例 » * 乘法 x=y*2 10 5 实例 » / 除法 x=y/2 2.5 5 实例 » % 取模（余数） x=y%2 1 5 实例 » ++ 自增 x=++y 6 6 实例 » x=y++ 5 6 实例 » -- 自减 x=--y 4 4 实例 » x=y-- 5 4 实例 » JavaScript 赋值运算符赋值运算符用于给 JavaScript 变量赋值。给定 x=10 和 y=5，下面的表格解释了赋值运算符：运算符例子等同于运算结果在线实例 = x=y x=5 实例 » += x+=y x=x+y x=15 实例 » -= x-=y x=x-y x=5 实例 » *= x*=y x=x*y x=50 实例 » /= x/=y x=x/y x=2 实例 » %= x%=y x=x%y x=0 实例 » 用于字符串的 + 运算符 + 运算符用于把文本值或字符串变量加起来（连接起来）。如需把两个或多个字符串变量连接起来，请使用 + 运算符。实例如需把两个或多个字符串变量连接起来，请使用 + 运算符： txt1="What a very"; txt2="nice day"; txt3=txt1+txt2; txt3 运算结果如下: What a verynice day 尝试一下 » 要想在两个字符串之间增加空格，需要把空格插入一个字符串之中：实例txt1="What a very "; txt2="nice day"; txt3=txt1+txt2; 在以上语句执行后，变量 txt3包含的值是： What a very nice day 尝试一下 » 或者把空格插入表达式中：: 实例txt1="What a very"; txt2="nice day"; txt3=txt1+" "+txt2; 在以上语句执行后，变量txt3 包含的值是： What a very nice day 尝试一下 » 对字符串和数字进行加法运算两个数字相加，返回数字相加的和，如果数字与字符串相加，返回字符串，如下实例：实例x=5+5; y="5"+5; z="Hello"+5; x,y, 和 z 输出结果为: 10 55 Hello5 尝试一下 » 规则:如果把数字与字符串相加，结果将成为字符串！

JavaScript 字符串 JavaScript 字符串用于存储和处理文本。 JavaScript 字符串字符串可以存储一系列字符，如 "John Doe"。字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号：实例var carname = "Volvo XC60"; var carname = 'Volvo XC60'; 你可以使用索引位置来访问字符串中的每个字符：实例var character = carname[7]; 字符串的索引从 0 开始，这意味着第一个字符索引值为 [0],第二个为 [1], 以此类推。你可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同: 实例var answer = "It's alright"; var answer = "He is called 'Johnny'"; var answer = 'He is called "Johnny"'; 你也可以在字符串添加转义字符来使用引号：实例var x = 'It\'s alright'; var y = "He is called \"Johnny\""; 尝试一下 » 字符串长度可以使用内置属性 length 来计算字符串的长度：实例var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var sln = txt.length; 尝试一下 » 特殊字符在 JavaScript 中，字符串写在单引号或双引号中。因为这样，以下实例 JavaScript 无法解析： "We are the so-called "Vikings" from the north." 字符串 "We are the so-called " 被截断。如何解决以上的问题呢？可以使用反斜杠 (\) 来转义 "Vikings" 字符串中的双引号，如下: "We are the so-called \"Vikings\" from the north." 反斜杠是一个转义字符。转义字符将特殊字符转换为字符串字符：转义字符 (\) 可以用于转义撇号，换行，引号，等其他特殊字符。下表中列举了在字符串中可以使用转义字符转义的特殊字符：代码输出 \' 单引号 \" 双引号 \\ 反斜杠 \n 换行 \r 回车 \t tab(制表符) \b 退格符 \f 换页符字符串可以是对象通常， JavaScript 字符串是原始值，可以使用字符创建： var firstName = "John" 但我们也可以使用 new 关键字将字符串定义为一个对象： var firstName = new String("John") 实例var x = "John"; var y = new String("John"); typeof x // 返回 String typeof y // 返回 Object 尝试一下 » 不要创建 String 对象。它会拖慢执行速度，并可能产生其他副作用：实例var x = "John"; var y = new String("John"); (x === y) // 结果为 false，因为 x 是字符串，y 是对象尝试一下 » === 为绝对相等，即数据类型与值都必须相等。字符串属性和方法原始值字符串，如 "John", 没有属性和方法(因为他们不是对象)。原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对象。字符串方法我们将在下一章节中介绍。字符串属性属性描述 constructor 返回创建字符串属性的函数 length 返回字符串的长度 prototype 允许您向对象添加属性和方法字符串方法更多方法实例可以参见：JavaScript String 对象。方法描述 charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连接两个或多个字符串，返回连接后的字符串 fromCharCode() 将 Unicode 转换为字符串 indexOf() 返回字符串中检索指定字符第一次出现的位置 lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置 localeCompare() 用本地特定的顺序来比较两个字符串 match() 找到一个或多个正则表达式的匹配 replace() 替换与正则表达式匹配的子串 search() 检索与正则表达式相匹配的值 slice() 提取字符串的片断，并在新的字符串中返回被提取的部分 split() 把字符串分割为子字符串数组 substr() 从起始索引号提取字符串中指定数目的字符 substring() 提取字符串中两个指定的索引号之间的字符 toLocaleLowerCase() 根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具有地方特有的大小写映射 toLocaleUpperCase() 根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具有地方特有的大小写映射 toLowerCase() 把字符串转换为小写 toString() 返回字符串对象值 toUpperCase() 把字符串转换为大写 trim() 移除字符串首尾空白 valueOf() 返回某个字符串对象的原始值

JavaScript 事件 HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。 HTML 事件 HTML 事件可以是浏览器行为，也可以是用户行为。以下是 HTML 事件的实例： HTML 页面完成加载 HTML input 字段改变时 HTML 按钮被点击通常，当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。 HTML 元素中可以添加事件属性，使用 JavaScript 代码来添加 HTML 元素。单引号: <some-HTML-element some-event='JavaScript 代码'> 双引号: <some-HTML-element some-event="JavaScript 代码"> 在以下实例中，按钮元素中添加了 onclick 属性 (并加上代码): 实例<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button> 尝试一下 » 以上实例中，JavaScript 代码将修改 id="demo" 元素的内容。在下一个实例中，代码将修改自身元素的内容 (使用 this.innerHTML): 实例<button onclick="this.innerHTML=Date()">现在的时间是?</button> 尝试一下 » JavaScript代码通常是几行代码。比较常见的是通过事件属性来调用：实例<button onclick="displayDate()">现在的时间是?</button> 尝试一下 » 常见的HTML事件下面是一些常见的HTML事件的列表: 事件描述 onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移开鼠标 onkeydown 用户按下键盘按键 onload 浏览器已完成页面的加载更多事件列表: JavaScript 参考手册 - HTML DOM 事件。 JavaScript 可以做什么? 事件可以用于处理表单验证，用户输入，用户行为及浏览器动作: 页面加载时触发事件页面关闭时触发事件用户点击按钮执行动作验证用户输入内容的合法性等等 ... 可以使用多种方法来执行 JavaScript 事件代码： HTML 事件属性可以直接执行 JavaScript 代码 HTML 事件属性可以调用 JavaScript 函数你可以为 HTML 元素指定自己的事件处理程序你可以阻止事件的发生。等等 ... 在 HTML DOM 章节中你将会学到更多关于事件及事件处理程序的知识。

JavaScript 作用域作用域可访问变量的集合。 JavaScript 作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。 JavaScript 函数作用域: 作用域在函数内修改。 JavaScript 局部作用域变量在函数内声明，变量为局部作用域。局部变量：只能在函数内部访问。实例// 此处不能调用 carName 变量function myFunction() { var carName = "Volvo"; // 函数内可调用 carName 变量} 尝试一下 » 因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。 JavaScript 全局变量变量在函数外定义，即为全局变量。全局变量有全局作用域: 网页中所有脚本和函数均可使用。实例var carName = " Volvo"; // 此处可调用 carName 变量function myFunction() { // 函数内可调用 carName 变量} 尝试一下 » 如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。以下实例中 carName 在函数内，但是为全局变量。实例// 此处可调用 carName 变量 function myFunction() { carName = "Volvo"; // 此处可调用 carName 变量} 尝试一下 » JavaScript 变量生命周期 JavaScript 变量生命周期在它声明时初始化。局部变量在函数执行完毕后销毁。全局变量在页面关闭后销毁。函数参数函数参数只在函数内起作用，是局部变量。 HTML 中的全局变量在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。实例//此处可使用 window.carName function myFunction() { carName = "Volvo";} 尝试一下 » 你知道吗? 你的全局变量，或者函数，可以覆盖 window 对象的变量或者函数。局部变量，包括 window 对象可以覆盖全局变量和函数。

JavaScript 函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。实例<!DOCTYPE html><html><head><script>function myFunction(){ alert("Hello World!");}</script></head> <body><button onclick="myFunction()">Try it</button></body></html> JavaScript 函数语法函数就是包裹在花括号中的代码块，前面使用了关键词 function： function functionname() { 执行代码 } 当调用该函数时，会执行函数内的代码。可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。 JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。调用带参数的函数在调用函数时，您可以向其传递值，这些值被称为参数。这些参数可以在函数中使用。您可以发送任意多的参数，由逗号 (,) 分隔： myFunction(argument1,argument2) 当您声明函数时，请把参数作为变量来声明： function myFunction(var1,var2) { 代码 } 变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。实例<p>点击这个按钮，来调用带参数的函数。</p><button onclick="myFunction('Harry Potter','Wizard')">点击这里</button><script>function myFunction(name,job){ alert("Welcome " + name + ", the " + job);}</script> 尝试一下 » 上面的函数在按钮被点击时会提示 "Welcome Harry Potter, the Wizard"。函数很灵活，您可以使用不同的参数来调用该函数，这样就会给出不同的消息：实例<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button><button onclick="myFunction('Bob','Builder')">点击这里</button> 尝试一下 » 根据您点击的不同的按钮，上面的例子会提示 "Welcome Harry Potter, the Wizard" 或 "Welcome Bob, the Builder"。带有返回值的函数有时，我们会希望函数将值返回调用它的地方。通过使用 return 语句就可以实现。在使用 return 语句时，函数会停止执行，并返回指定的值。语法function myFunction() { var x=5; return x; } 上面的函数会返回值 5。注意：整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。函数调用将被返回值取代： var myVar=myFunction(); myVar 变量的值是 5，也就是函数 "myFunction()" 所返回的值。即使不把它保存为变量，您也可以使用返回值： document.getElementById("demo").innerHTML=myFunction(); "demo" 元素的 innerHTML 将成为 5，也就是函数 "myFunction()" 所返回的值。您可以使返回值基于传递到函数中的参数：实例计算两个数字的乘积，并返回结果： function myFunction(a,b){ return a*b;} document.getElementById("demo").innerHTML=myFunction(4,3); "demo" 元素的 innerHTML 将是： 12 尝试一下 » 在您仅仅希望退出函数时，也可使用 return 语句。返回值是可选的： function myFunction(a,b){ if (a>b) { return; } x=a+b} 如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。局部 JavaScript 变量在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。全局 JavaScript 变量在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。 JavaScript 变量的生存期 JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。向未声明的 JavaScript 变量分配值如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。这条语句： carname="Volvo"; 将声明一个全局变量 carname，即使它在函数内执行。

JavaScript 对象 JavaScript 对象是拥有属性和方法的数据。真实生活中的对象，属性和方法真实生活中，一辆汽车是一个对象。对象有它的属性，如重量和颜色等，方法有启动停止等: 对象属性方法 car.name = Fiatcar.model = 500car.weight = 850kgcar.color = white car.start()car.drive()car.brake() car.stop() 所有汽车都有这些属性，但是每款车的属性都不尽相同。所有汽车都拥有这些方法，但是它们被执行的时间都不尽相同。 JavaScript 对象在 JavaScript中，几乎所有的事物都是对象。在 JavaScript 中，对象是非常重要的，当你理解了对象，就可以了解 JavaScript 。你已经学习了 JavaScript 变量的赋值。以下代码为变量 car 设置值为 "Fiat" : var car = "Fiat"; 对象也是一个变量，但对象可以包含多个值（多个变量）。 var car = {type:"Fiat", model:500, color:"white"}; 在以上实例中，3 个值 ("Fiat", 500, "white") 赋予变量 car。在以上实例中，3 个变量 (type, model, color) 赋予变量 car。 JavaScript 对象是变量的容器。对象定义你可以使用字符来定义和创建 JavaScript 对象: 实例var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; 尝试一下 » 定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的：实例var person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue" }; 尝试一下 » 对象属性可以说 "JavaScript 对象是变量的容器"。但是，我们通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value (键与值以冒号分割)。键值对在 JavaScript 对象通常称为对象属性。 JavaScript 对象是属性变量的容器。对象键值对的写法类似于： PHP 中的关联数组 Python 中的字典 C 语言中的哈希表 Java 中的哈希映射 Ruby 和 Perl 中的哈希表访问对象属性你可以通过两种方式访问对象属性: 实例 1person.lastName; 尝试一下 » 实例 2person["lastName"]; 尝试一下 » 对象方法对象的方法定义了一个函数，并作为对象的属性存储。对象方法通过添加 () 调用 (作为一个函数)。该实例访问了 person 对象的 fullName() 方法: 实例name = person.fullName(); 尝试一下 » 如果你要访问 person 对象的 fullName 属性，它将作为一个定义函数的字符串返回：实例name = person.fullName; 尝试一下 » JavaScript 对象是属性和方法的容器。在随后的教程中你将学习到更多关于函数，属性和方法的知识。访问对象方法你可以使用以下语法创建对象方法： methodName : function() { code lines } 你可以使用以下语法访问对象方法： objectName.methodName() 通常 fullName() 是作为 person 对象的一个方法， fullName 是作为一个属性。有多种方式可以创建，使用和修改 JavaScript 对象。同样也有多种方式用来创建，使用和修改属性和方法。在随后的教程中，你将学习到更多关于对象的知识。

JavaScript 数据类型字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。 JavaScript 拥有动态类型 JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：实例var x; // x 为 undefined var x = 5; // 现在 x 为数字 var x = "John"; // 现在 x 为字符串 JavaScript 字符串字符串是存储字符（比如 "Bill Gates"）的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号：实例var carname="Volvo XC60"; var carname='Volvo XC60'; 您可以在字符串中使用引号，只要不匹配包围字符串的引号即可：实例var answer="It's alright"; var answer="He is called 'Johnny'"; var answer='He is called "Johnny"'; 尝试一下 » 您将在本教程的高级部分学到更多关于字符串的知识。 JavaScript 数字 JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：实例var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写极大或极小的数字可以通过科学（指数）计数法来书写：实例var y=123e5; // 12300000 var z=123e-5; // 0.00123 尝试一下 » 您将在本教程的高级部分学到更多关于数字的知识。 JavaScript 布尔布尔（逻辑）只能有两个值：true 或 false。 var x=true; var y=false; 布尔常用在条件测试中。您将在本教程稍后的章节中学到更多关于条件测试的知识。 JavaScript 数组下面的代码创建名为 cars 的数组： var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; 或者 (condensed array): var cars=new Array("Saab","Volvo","BMW"); 或者 (literal array): 实例var cars=["Saab","Volvo","BMW"]; 尝试一下 » 数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。您将在本教程稍后的章节中学到更多关于数组的知识。 JavaScript 对象对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔： var person={firstname:"John", lastname:"Doe", id:5566}; 上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。空格和折行无关紧要。声明可横跨多行： var person={ firstname : "John", lastname : "Doe", id : 5566 }; 对象属性有两种寻址方式：实例name=person.lastname; name=person["lastname"]; 尝试一下 » 您将在本教程稍后的章节中学到更多关于对象的知识。 Undefined 和 Null Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。实例cars=null; person=null; 尝试一下 » 声明变量类型当您声明新变量时，可以使用关键词 "new" 来声明其类型： var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

JavaScript 变量变量是用于存储信息的"容器"。实例var x=5; var y=6; var z=x+y; 尝试一下 » 就像代数那样 x=5 y=6 z=x+y 在代数中，我们使用字母（比如 x）来保存值（比如 5）。通过上面的表达式 z=x+y，我们能够计算出 z 的值为 11。在 JavaScript 中，这些字母被称为变量。您可以把变量看做存储数据的容器。 JavaScript 变量与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。变量必须以字母开头变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）变量名称对大小写敏感（y 和 Y 是不同的变量） JavaScript 语句和 JavaScript 变量都对大小写敏感。 JavaScript 数据类型 JavaScript 变量还能保存其他数据类型，比如文本值 (name="Bill Gates")。在 JavaScript 中，类似 "Bill Gates" 这样一条文本被称为字符串。 JavaScript 变量有很多种类型，但是现在，我们只关注数字和字符串。当您向变量分配文本值时，应该用双引号或单引号包围这个值。当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。实例var pi=3.14; var person="John Doe"; var answer='Yes I am!'; 尝试一下 » 声明（创建） JavaScript 变量在 JavaScript 中创建变量通常称为"声明"变量。我们使用 var 关键词来声明变量： var carname; 变量声明之后，该变量是空的（它没有值）。如需向变量赋值，请使用等号： carname="Volvo"; 不过，您也可以在声明变量时对其赋值： var carname="Volvo"; 在下面的例子中，我们创建了名为 carname 的变量，并向其赋值 "Volvo"，然后把它放入 id="demo" 的 HTML 段落中：实例<p id="demo"></p> var carname="Volvo"; document.getElementById("demo").innerHTML=carname; 尝试一下 » 一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。一条语句，多个变量您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可： var lastname="Doe", age=30, job="carpenter"; 声明也可横跨多行： var lastname="Doe", age=30, job="carpenter"; Value = undefined 在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。在执行过以下语句后，变量 carname 的值将是 undefined： var carname; 重新声明 JavaScript 变量如果重新声明 JavaScript 变量，该变量的值不会丢失：在以下两条语句执行后，变量 carname 的值依然是 "Volvo"： var carname="Volvo"; var carname; JavaScript 算数您可以通过 JavaScript 变量来做算数，使用的是 = 和 + 这类运算符：实例y=5; x=y+2; 尝试一下 » 您将在本教程稍后的章节学到更多有关 JavaScript 运算符的知识。

JavaScript 语句 JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 JavaScript 语句 JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" ：实例document.getElementById("demo").innerHTML = "你好 Dolly"; 尝试一下 » 分号 ; 分号用于分隔 JavaScript 语句。通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。实例: a = 5;b = 6;c = a + b; 以上实例也可以这么写: a = 5; b = 6; c = a + b; 尝试一下 » 您也可能看到不带有分号的案例。在 JavaScript 中，用分号来结束语句是可选的。 JavaScript 代码 JavaScript 代码是 JavaScript 语句的序列。浏览器按照编写顺序依次执行每条语句。本例向网页输出一个标题和两个段落：实例document.getElementById("demo").innerHTML="你好 Dolly";document.getElementById("myDIV").innerHTML="你最近怎么样?"; 尝试一下 » JavaScript 代码块 JavaScript 可以分批地组合起来。代码块以左花括号开始，以右花括号结束。代码块的作用是一并地执行语句序列。本例向网页输出一个标题和两个段落：实例function myFunction(){ document.getElementById("demo").innerHTML="你好Dolly"; document.getElementById("myDIV").innerHTML="你最近怎么样?";} 尝试一下 » 您将在稍后的章节学到更多有关函数的知识。 JavaScript 语句标识符 JavaScript 语句通常以一个语句标识符为开始，并执行该语句。语句标识符是保留关键字不能作为变量名使用。下表列出了 JavaScript 语句标识符 (关键字) ： <table class="reference" "style="width: 100%" style="border: 0px; margin-top: 4px; margin-bottom: 4px; width: 729px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "WenQuanYi Micro Hei", Arial, sans-serif; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);"> 语句描述 break 用于跳出循环。 catch 语句块，在 try 语句块执行出错时执行 catch 语句块。 continue 跳过循环中的一个迭代。 do ... while 执行一个语句块，在条件语句为 true 时继续执行该语句块。 for 在条件语句为 true 时，可以将代码块执行指定的次数。 for ... in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 function 定义一个函数 if ... else 用于基于不同的条件来执行不同的动作。 return 退出函数 switch 用于基于不同的条件来执行不同的动作。 throw 抛出（生成）错误。 try 实现错误处理，与 catch 一同使用。 var 声明一个变量。 while 当条件语句为 true 时，执行语句块。空格 JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。下面的两行代码是等效的： var person="Hege"; var person = "Hege"; 对代码行进行折行您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示： document.write("你好 \ 世界!"); 不过，您不能像这样折行： document.write \ ("你好世界!"); 您知道吗？提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

JavaScript 语法 JavaScript 是一个程序语言。语法规则定义了语言结构。 JavaScript 语法 JavaScript 是一个脚本语言。它是一个轻量级，但功能强大的编程语言。 JavaScript 字面量在编程语言中，一般固定值称为字面量，如 3.14。数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)。 3.14 1001 123e5 尝试一下 » 字符串（String）字面量可以使用单引号或双引号: "John Doe" 'John Doe' 尝试一下 » 表达式字面量用于计算： 5 + 6 5 * 10 尝试一下 » 数组（Array）字面量定义一个数组： [40, 100, 1, 5, 25, 10] 对象（Object）字面量定义一个对象： {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"} 函数（Function）字面量定义一个函数： function myFunction(a, b) { return a * b;} JavaScript 变量在编程语言中，变量用于存储数据值。 JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值： var x, length x = 5 length = 6 尝试一下 » 变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。变量是一个名称。字面量是一个值。 JavaScript 操作符 JavaScript使用算术运算符来计算值: (5 + 6) * 10 尝试一下 » JavaScript使用赋值运算符给变量赋值： x = 5 y = 6 z = (x + y) * 10 尝试一下 » JavaScript语言有多种类型的运算符：类型实例描述赋值，算术和位运算符 = + - * / 在 JS 运算符中描述条件，比较及逻辑运算符 == != < > 在 JS 比较运算符中描述 JavaScript 语句在 HTML 中，JavaScript 语句向浏览器发出的命令。语句是用分号分隔： x = 5 + 6; y = x * 10; JavaScript 关键字 JavaScript 关键字用于标识要执行的操作。和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。 var 关键字告诉浏览器创建一个新的变量： var x = 5 + 6; var y = x * 10; JavaScript 同样保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。 JavaScript 关键字必须以字母、下划线（_）或美元符（$）开始。后续的字符可以是字母、数字、下划线或美元符（数字是不允许作为首字符出现的，以便 JavaScript 可以轻易区分开关键字和数字）。以下是 JavaScript 中最重要的保留字（按字母顺序）： abstract else instanceof super boolean enum int switch break export interface synchronized byte extends let this case false long throw catch final native throws char finally new transient class float null true const for package try continue function private typeof debugger goto protected var default if public void delete implements return volatile do import short while double in static with JavaScript 注释不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略： // 我不会执行JavaScript 数据类型 JavaScript 有多种数据类型：数字，字符串，数组，对象等等： var length = 16; // Number 通过数字字面量赋值 var points = x * 10; // Number 通过表达式字面量赋值 var lastName = "Johnson"; // String 通过字符串字面量赋值 var cars = ["Saab", "Volvo", "BMW"]; // Array 通过数组字面量赋值 var person = {firstName:"John", lastName:"Doe"}; // Object 通过对象字面量赋值数据类型的概念编程语言中，数据类型是一个非常重要的内容。为了可以操作变量，了解数据类型的概念非常重要。如果没有使用数据类型，以下实例将无法执行： 16 + "Volvo" 16 加上 "Volvo" 是如何计算呢? 以上会产生一个错误还是输出以下结果呢？ "16Volvo" 你可以在浏览器尝试执行以上代码查看效果。在接下来的章节中你将学到更多关于数据类型的知识。 JavaScript 函数 JavaScript 语句可以写在函数内，函数可以重复引用：引用一个函数 = 调用函数(执行函数内的语句)。 function myFunction(a, b) { return a * b; // 返回 a 乘于 b 的结果 } JavaScript 字母大小写 JavaScript 对大小写是敏感的。当编写 JavaScript 语句时，请留意是否关闭大小写切换键。函数 getElementById 与 getElementbyID 是不同的。同样，变量 myVariable 与 MyVariable 也是不同的。 JavaScript 字符集 JavaScript 使用 Unicode 字符集。 Unicode 覆盖了所有的字符，包含标点等字符。如需进一步了解，请学习我们的完整 Unicode 参考手册。您知道吗? JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。

JavaScript 输出 JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据：使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。使用 innerHTML 写入到 HTML 元素。使用 console.log() 写入到浏览器的控制台。使用 window.alert() 你可以弹出警告框来显示数据：实例<!DOCTYPE html> <html> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert(5 + 6); </script> </body> </html> 尝试一下 »操作 HTML 元素如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素，并 innerHTML 来获取或插入元素内容：实例<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> </body> </html> 尝试一下 » 以上 JavaScript 语句（在 <script> 标签中）可以在 web 浏览器中执行： document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码。 innerHTML = "段落已修改。" 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。在本教程中在大多数情况下，在本教程中，我们将使用上面描述的方法来输出：下面的例子直接把 id="demo" 的 <p> 元素写到 HTML 文档输出中：写到 HTML 文档出于测试目的，您可以将JavaScript直接写在HTML 文档中：实例<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html> 尝试一下 » 请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。实例<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { document.write(Date()); } </script> </body> </html> 尝试一下 » 写到控制台如果您的浏览器支持调试，你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。浏览器中使用 F12 来启用调试模式，在调试窗口中点击 "Console" 菜单。实例<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html> 尝试一下 » 实例 console 截图：

JavaScript 用法 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 <script> 标签如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。 <script> 和 </script> 会告诉 JavaScript 在何处开始和结束。 <script> 和 </script> 之间的代码行包含了 JavaScript: <script> alert("我的第一个 JavaScript"); </script> 您无需理解上面的代码。只需明白，浏览器会解释并执行位于 <script> 和 </script>之间的 JavaScript 代码那些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。 <body> 中的 JavaScript 在本例中，JavaScript 会在页面加载时向 HTML 的 <body> 写文本：实例<!DOCTYPE html><html><body>..<script>document.write("<h1>这是一个标题</h1>");document.write("<p>这是一个段落</p>");</script>..</body></html> 尝试一下 » JavaScript 函数和事件上面例子中的 JavaScript 语句，会在页面加载时执行。通常，我们需要在某个事件发生时执行代码，比如当用户点击按钮时。如果我们把 JavaScript 代码放入函数中，就可以在事件发生时调用该函数。您将在稍后的章节学到更多有关 JavaScript 函数和事件的知识。在 <head> 或者 <body> 的JavaScript 您可以在 HTML 文档中放入不限数量的脚本。脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。 <head> 中的 JavaScript 函数在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。该函数会在点击按钮时被调用：实例<!DOCTYPE html><html><head><script>function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";}</script></head><body><h1>我的 Web 页面</h1><p id="demo">一个段落</p><button type="button" onclick="myFunction()">尝试一下</button></body></html> 尝试一下 » <body> 中的 JavaScript 函数在本例中，我们把一个 JavaScript 函数放置到 HTML 页面的 <body> 部分。该函数会在点击按钮时被调用：实例<!DOCTYPE html><html><body><h1>我的 Web 页面</h1><p id="demo">一个段落</p><button type="button" onclick="myFunction()">尝试一下</button><script>function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";}</script></body></html> 尝试一下 » 外部的 JavaScript 也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件：实例<!DOCTYPE html><html><body><script src="myScript.js"></script></body></html> 尝试一下 » 你可以将脚本放置于 <head> 或者 <body>中，放在 <script> 标签中的脚本与外部引用的脚本运行效果完全一致。 myScript.js 文件代码如下： function myFunction(){ document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";} 外部脚本不能包含 <script> 标签。

JavaScript 简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易学习。您将学到什么下面是您将在本教程中学到的主要内容。 JavaScript：直接写入 HTML 输出流实例document.write("<h1>这是一个标题</h1>");document.write("<p>这是一个段落。</p>"); 尝试一下 » 您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。 JavaScript：对事件的反应实例<button type="button" onclick="alert('欢迎!')">点我!</button> 尝试一下 » alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。 onclick 事件只是您即将在本教程中学到的众多事件之一。 JavaScript：改变 HTML 内容使用 JavaScript 来处理 HTML 内容是非常强大的功能。实例x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改变内容尝试一下 » 您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。 DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。您将在本教程的多个章节中学到有关 HTML DOM 的知识。 JavaScript：改变 HTML 图像本例会动态地改变 HTML <image> 的来源（src）：点亮灯泡点击灯泡就可以打开或关闭这盏灯尝试一下 » JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。 JavaScript：改变 HTML 样式改变 HTML 元素的样式，属于改变 HTML 属性的变种。实例x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式尝试一下 » JavaScript：验证输入 JavaScript 常用于验证用户的输入。实例if isNaN(x) {alert("不是数字")}; 尝试一下 » 您知道吗？ JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。Java（由 Sun 发明）是更复杂的编程语言。ECMA-262 是 JavaScript 标准的官方名称。JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。 ECMAScript 版本 JavaScript 已经由 ECMA（欧洲电脑制造商协会）通过 ECMAScript 实现语言的标准化。年份名称描述 1997 ECMAScript 1 第一个版本 1998 ECMAScript 2 版本变更 1999 ECMAScript 3 添加正则表达式添加 try/catch ECMAScript 4 没有发布 2009 ECMAScript 5 添加 "strict mode"，严格模式添加 JSON 支持 2011 ECMAScript 5.1 版本变更 2015 ECMAScript 6 添加类和模块 2016 ECMAScript 7 增加指数运算符 (**)增加 Array.prototype.includes ECMAScript 6 也称为 ECMAScript 2015。 ECMAScript 7 也称为 ECMAScript 2016。