mus-z的博客

六、jQuery ajax（一）jQuery ajax简介通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。提示：如果没有 jQuery，AJAX 编程还是有些难度的。编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并...

五、jQuery 遍历（一）jQuery遍历1.什么是遍历？jQuery 遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对 D...

一）jQuery获取1.jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。2. 三个简单实用的用于 DOM 操作的 jQuery 方法：• text() - 设置或返回所选元素的文本内容• html() - 设置或返回所选元素的内容（包括 HTML 标记）$("#btn1").click(fun...

（一）隐藏和显示1.jQuery hide() 和 show()$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值：“slow”、“fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。通过 jQuery，您可以使...

二、jQuery教程（一）jQuery简介1.jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。2. jQuery 库可以通过一行简单的标记被添加到网页中。3. jQuery 库包含以下特性：·HTML 元素选取·HTML 元素操作·CSS 操作·HTML 事件函数·JavaScript 特效和动画·HTML DOM 遍历和...

一、jQuery vs js（一）jQuery选择器1.想使用jQuery选择器需要写上配置文件<script src="jquery.min.js"></script>jQuery 由 John Resig 于 2006 年创建。它旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。十多年来，jQuery 一直是世界上最受欢迎的 J...

二、js json（一）json简介1.JSON: JavaScript Object Notation（JavaScript 对象标记法）。JSON 是一种存储和交换数据的语法。JSON 是通过 JavaScript 对象标记法书写的文本。JSON 属于文本，并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何...

一、js ajax（一）ajax简介1.AJAX 并不是编程语言。AJAX 是一种从网页访问 Web 服务器的技术。AJAX 代表异步 JavaScript 和 XML。Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面。AJAX能够：·不刷新页面更新网页·在页面加载后从服务器请求数据·在页面加载后从服务器接...

（一）js window1.浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。不存在浏览器对象模型（BOM）的官方标准。现代的浏览器已经（几乎）实现了 JavaScript 交互相同的方法和属性，因此它经常作为 BOM 的方法和属性被提到。2. window 对象所有浏览器都支持 window 对象。它代表浏览器的窗口。所有...

一、js HTML DOM（一）DOM简介1.通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被结构化为对象树：HTML DOM 是：• HTML 的标准对象模型• HTML 的标准编程接口• W3C 标准W3C DOM 标准...

三十二、js函数（展开部分）（一）函数定义1.JavaScript 函数是通过 function 关键词定义的。您可以使用函数声明或函数表达式。function functionName(parameters) { 要执行的代码}被声明的函数不会直接执行。它们被“保存供稍后使用”，将在稍后执行，当它们被调用时。由于函数声明不是可执行的语句，以分号结尾并不常见。JavaScri...

三十一、js对象（展开部分）（一）对象定义1.在 JavaScript 中，几乎“所有事物”都是对象。• 布尔是对象（如果用 new 关键词定义）• 数字是对象（如果用 new 关键词定义）• 字符串是对象（如果用 new 关键词定义）• 日期永远都是对象• 算术永远都是对象• 正则表达式永远都是对象• 数组永远都是对象• 函数永远都是对象• 对象永远都是对象所有 Java...

三十、js表单验证1.JavaScript 表单验证HTML 表单验证能够通过 JavaScript 来完成。某个表单字段（fname）是空的，那么该函数会发出一条警告消息，并返回 false，以防止表单被提交出去<form name="myForm" action="/action_page_post.php" onsubmit="return validateForm()" me...

（1）ES6 中的一些新特性。• JavaScript let• JavaScript const• 幂 (**)• 默认参数值• Array.find()• Array.findIndex()（2）let 语句允许您使用块作用域声明变量。var x = 10;// Here x is 10{ let x = 2; // Here x is 2}// Here x...

（1）这些是 2009 年发布的新特性：• "use strict" 指令• String.trim()• Array.isArray()• Array.forEach()• Array.map()• Array.filter()• Array.reduce()• Array.reduceRight()• Array.every()• Array.some()• Array....

二十九、js版本1.2. 所有浏览器都完全支持 ECMAScript 3。所有现代浏览器都完全支持 ECMAScript 5，不支持let、const、Array.find()等es6规范3. 对 ES6 的浏览器支持（ECMAScript 2015）4. 对 ES7 的浏览器支持（ECMAScript 2016）5.Internet Explorer 9 不支持 ECMAScr...

二十八、js性能优化1.减少循环中的活动编程经常会用到循环。循环每迭代一次，循环中的每条语句，包括 for 语句，都会被执行。能够放在循环之外的语句或赋值会使循环运行得更快。差的代码：var i;for (i = 0; i < arr.length; i++) {更好的代码：var i;var l = arr.length;for (i = 0; i < l; ...

二十七、js最佳实践及常见错误1.请避免全局变量、new、===、eval()2. 避免全局变量，请使用局部变量替代，并学习如何使用闭包。3. 始终声明局部变量4. 在顶部声明5. 初始化变量6. 请不要声明数值（Number）、字符串（String）或布尔（Boolean）对象7. 请勿使用 new Object()• 请使用 {} 来代替 new Object()• 请使用 ...

二十六、js样式与代码约定1.代码约定(Coding conventions)指的是编程的样式指导方针。这些原则大体上包括：·变量和函数的命名和声明规则·使用空格、缩进和注释的规则·编程习惯和准则2. 代码约定确保质量：·改善代码可读性·提升代码可维护性3.变量名：在 W3School，我们对标识符名称（变量和函数）使用了驼峰式大小写。所有名称以字母开头。4. 运算符周围的空格：...

二十五、js调试1.查找编程代码中的错误被称为代码调试。内置的调试器可打开或关闭，强制将错误报告给用户。通过调试器，您也可以设置断点（代码执行被中断的位置），并在代码执行时检查变量。通常通过 F12 键启动浏览器中的调试器，然后在调试器菜单中选择“控制台”。2. 可以使用 console.log() 在调试窗口中显示 JavaScript 的值3. 在调试窗口中，您可在 JavaScript...

二十四、js严格模式（Use Strict）1."use strict"; 定义 JavaScript 代码应该以“严格模式”执行。是 JavaScript 1.8.5 中的新指令（ECMAScript version 5）。"use strict"; 的作用是指示 JavaScript 代码应该以“严格模式”执行。2. 声明严格模式通过在脚本或函数的开头添加 "use strict"; 来...

二十二、js作用域和提升（Hoisting）1.作用域指的是您有权访问的变量集合。在 JavaScript 中有两种作用域类型：• 局部作用域：在 JavaScript 函数中声明的变量，会成为函数的局部变量。局部变量的作用域是局部的：只能在函数内部访问它们。由于只能在函数内部识别局部变量，因此能够在不同函数中使用同名变量。在函数开始时会创建局部变量，在函数完成时会删除它们。• 全局作用域：...

二十一、js异常1.错误关键词try 语句使您能够测试代码块中的错误。catch 语句允许您处理错误。throw 语句允许您创建自定义错误。finally 使您能够执行代码，在 try 和 catch 之后，无论结果如何。<p id="demo"></p><script>try {adddlert("欢迎访问！");}catch(err) { ...

二十、js正则表达式1.正则表达式是构成搜索模式的字符序列。该搜索模式可用于文本搜索和文本替换操作。2. 使用字符串方法在 JavaScript 中，正则表达式常用于两个字符串方法：search() 和 replace()。search() 方法使用表达式来搜索匹配，然后返回匹配的位置。var str = "Visit W3School";var n = str.search(/w3s...

十九、js位运算2. JavaScript 将数字存储为 64 位浮点数，但所有按位运算都以 32 位二进制数执行。在执行位运算之前，JavaScript 将数字转换为 32 位有符号整数。执行按位操作后，结果将转换回 64 位 JavaScript 数。使用 4 位无符号二进制数，~ 5 返回 10。JavaScript 使用 32 位有符号整数，JavaScript 将返回 -6...

十八、js类型转换1 Number() 转换数值，String() 转换字符串，Boolean() 转换布尔值。2.5种值的数据类型：• 字符串（string）• 数字（number）• 布尔（boolean）• 对象（object）• 函数（function）3种对象类型：• 对象（Object）• 日期（Date）• 数组（Array）2种不能包含值的数据类型：• ...

十五、js逻辑（布尔）值1.JavaScript 布尔（逻辑）代表两个值之一：true 或 false。·所有具有“真实”值的即为 True·所有不具有“真实”值的即为 False：0，-0，””, undefined,null,false,NaN2.3.比较和逻辑运算见五.1（js运算符）十六、js条件选择1.条件语句：• 使用 if 来规定要执行的代码块，如果指定条件为 tr...

1.Math.round(x) 的返回值是 x 四舍五入为最接近的整数：Math.round(6.8); // 返回 7Math.round(2.3); // 返回 22.Math.pow(x, y) 的返回值是 x 的 y 次幂：Math.pow(8, 2); // 返回 643.Math.sqrt(x) 返回 x 的平方根：Math.sqrt(64); /...

1.输出格式默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：d = new Date();document.getElementById("demo").innerHTML = d;//或者document.getElementById("demo").innerHTML = d.toString();//Tue Apr 02 2019 09:01:19 ...

1.JavaScript 数组用于在单一变量中存储多个值。2.创建数组：数组文本方法：var cars = ["Saab", "Volvo", "BMW"];或使用关键词 newvar cars = new Array("Saab", "Volvo", "BMW");3.我们通过引用索引号（下标号）来引用某个数组元素4. 通过 JavaScript，可通过引用数组名来访问完整数组...

1 JavaScript 只有一种数值类型。书写数值时带不带小数点均可。2. 超大或超小的数可通过科学计数法来写var x = 123e5; // 12300000var y = 123e-5; // 0.001233 JavaScript 数值始终是 64 位的浮点数4. 整数（不使用指数或科学计数法）会被精确到 15 位。var x = 999999999999999...

1.JavaScript 字符串用于存储和操作文本。JavaScript 字符串是引号中的零个或多个字符。单引号或双引号均可。2. 内建属性 length 可返回字符串的长度3.比如序列 " 在字符串中插入双引号：var x = "中国是瓷器的故乡，因此 china 与\"China（中国）\"同名。"（这六个转义字符最初设计用于控制打字机、电传打字机和传真机。它们在 HTML ...

九、js事件1 HTML 事件是发生在 HTML 元素上的“事情”。当在 HTML 页面中使用 JavaScript 时，JavaScript 能够“应对”这些事件。• HTML 网页完成加载• HTML 输入字段被修改• HTML 按钮被点击2. JavaScript 允许您在事件被侦测到时执行代码。通过 JavaScript 代码，HTML 允许您向 HTML 元素添加事件处理程序...

八、js对象1.对象也是变量。但是对象包含很多值。名称:值对被称为属性。对象也可以有方法。方法是在对象上执行的动作。方法以函数定义被存储在属性中。方法是作为属性来存储的函数。2.this：包含他的函数 作为方法被调用时 所属的对象。在函数定义中，this 引用该函数的“拥有者”。在上面的例子中，this 指的是“拥有” fullName 函数的 person 对象。换言之，this.fi...

六、js数据类型1.JavaScript 变量能够保存多种数据类型：数值、字符串值、数组、对象等等：var length = 7; // 数字var lastName = "Gates"; // 字符串var cars = ["Porsche", "Volvo", "BMW"]; ...

一、js使用getElementById() 是多个 JavaScript HTML 方法之一，用来通过id获取节点。在 HTML 中，JavaScript 代码必须位于> <script> 与 </script>标签之间。3. JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。4. 您能够在 HTML 文档中放置...