js(JavaScript)
文章平均质量分 82
js(JavaScript)
JD强子
这个作者很懒,什么都没留下…
展开
-
用jQuery实现Ajax
Ajax 全称“Asynchronous JavaScript and XML”,译为“异步 JavaScript 和 XML”,程序员们习惯称之为“阿贾克斯”,它并不是一种技术,而是多种技术的综合体,其中包括 JavaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过 Ajax 可以异步从服务器请求数据并将数据更新到网页中,整个过程不需要重载(刷新)整个网页,可以将网页的内容更快的呈现给用户。这里的异步是指,当程序执行到 Ajax 代码时,将原创 2021-11-01 19:03:25 · 6711 阅读 · 0 评论 -
jQuery操作DOM
jQuery的选择器很强大,用起来又简单又灵活,但是搞了这么久,我拿到了jQuery对象,到底要干什么?答案当然是操作对应的DOM节点啦!回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦,而且有的浏览器只有innerHTML,有的浏览器支持innerText,有了jQuery对象,不需要考虑浏览器差异了,全部统一操作!修改Text和HTMLjQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本,例如,如下的HTML结构:<!-- HTML结构 -->原创 2021-07-30 09:07:15 · 259 阅读 · 0 评论 -
jQuery事件
因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码。浏览器在接收到用户的鼠标或键盘输入后,会自动在对应的DOM节点上触发相应的事件。如果该节点已经绑定了对应的JavaScript处理函数,该函数就会自动调用。由于不同的浏览器绑定事件的代码都不太一样,所以用jQuery来写代码,就屏蔽了不同浏览器的差异,我们总是编写相同的代码。举个例子,假设要在用户点击了超链接时弹出提示框,我们用jQue.原创 2021-07-30 03:56:02 · 140 阅读 · 0 评论 -
jQuery
全世界大约有80~90%的网站直接或间接地使用了jQuery,是JavaScript世界中使用最广泛的一个库。jQuery这么流行,肯定是因为它解决了一些很重要的问题。实际上,jQuery能帮我们干这些事情:消除浏览器差异:你不需要自己写冗长的代码来针对不同的浏览器来绑定事件,编写AJAX等代码;简洁的操作DOM的方法:写$('#test')肯定比document.getElementById('test')来得简洁;轻松实现动画、修改CSS等各种操作。jQuery的理念“Writ原创 2021-07-28 09:33:28 · 171 阅读 · 0 评论 -
操作表单验证加密
用JavaScript操作表单和操作DOM是类似的,因为表单本身也是DOM树。不过表单的输入框、下拉框等可以接收用户输入,所以用JavaScript来操作表单,可以获得用户输入的内容,或者对一个输入框设置新的内容。HTML表单的输入控件主要有以下几种:文本框,对应的<input type="text">,用于输入文本;口令框,对应的<input type="password">,用于输入口令;单选框,对应的<input type="radio">,用原创 2021-07-27 07:54:16 · 367 阅读 · 0 评论 -
HTML DOM 方法和属性总结
方法是我们可以在节点(HTML 元素)上执行的动作。属性是节点(HTML 元素)的值,您能够获取或设置。编程接口可通过 JavaScript (以及其他编程语言)对 HTML DOM 进行访问。所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。方法是您能够执行的动作(比如添加或修改元素)。属性是您能够获取或设置的值(比如节点的名称或内容)。HTML DOM 对象 - 方法和属性一些常用的 HTML DOM 方法:getElementById(id) - 获取带有指定 i转载 2021-07-26 10:26:10 · 164 阅读 · 0 评论 -
操作DOM
由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM。更新:更新该DOM节点的内容,相当于更新了该DOM节点表示的HTML的内容;遍历:遍历该DOM节点下的子节点,以便进行进一步操作;添加:在该DOM节点下新增一个子节点,相当于动态增加了一个HTML节点;删除:将该节点从HTML中删除,相当于删掉了该DOM节点的内容以及它包含的所有子节点。HTML DOM 访问在操作一个DOM节点前,我们需要访问 HTML DOM原创 2021-07-26 07:44:49 · 120 阅读 · 2 评论 -
HTML DOM 节点
在 HTML DOM 中,所有事物都是节点。DOM 是被视为节点树的 HTML。DOM 节点根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点HTML DOM 节点树HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树:HTML DOM Tree 实例通过 HTML DOM,树中的所有节点均可通过 JavaSc原创 2021-07-23 04:07:37 · 250 阅读 · 4 评论 -
什么是DOM和HTML DOM
DOMDocument Object Model 文档对象模型:将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD(增删改查)的动态操作。DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的API接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XML原创 2021-07-23 03:22:10 · 390 阅读 · 0 评论 -
浏览器对象模型 (BOM)
浏览器目前主流的浏览器分这么几种:IE 6~11:国内用得最多的IE浏览器,历来对W3C标准支持差。从IE10开始支持ES6标准;Chrome:Google出品的基于Webkit内核浏览器,内置了非常强悍的JavaScript引擎——V8。由于Chrome一经安装就时刻保持自升级,所以不用管它的版本,最新版早就支持ES6了;Safari:Apple的Mac系统自带的基于Webkit内核的浏览器,从OS X 10.7 Lion自带的6.1版本开始支持ES6,目前最新的OS X 10.11原创 2021-07-22 07:16:29 · 332 阅读 · 1 评论 -
JavaScript面向对象编程
对象的两个基本概念:类:类是对象的类型模板,例如,定义Student类来表示学生,类本身是一种类型,Student表示学生类型,但不表示任何具体的某个学生;实例:实例是根据类创建的对象,例如,根据Student类可以创建出xiaoming、xiaohong、xiaojun等多个实例,每个实例表示一个具体的学生,他们全都属于Student类型。所以,类和实例是大多数面向对象编程语言的基本概念。JavaScript不区分类和实例的概念,而是通过原型(prototype)来实现面向对象编程。原创 2021-07-20 11:11:03 · 170 阅读 · 2 评论 -
JSON(JavaScript Object Notation)
JSON 是用于存储和传输数据的格式。JSON 通常用于服务端向网页传递数据 。JSON出现在JSON出现之前,大家一直用XML来传递数据。因为XML是一种纯文本格式,所以它适合在网络上交换数据。XML本身不算复杂,但是,加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后,任何正常的软件开发人员碰到XML都会感觉头大了,最后大家发现,即使你努力钻研几个月,也未必搞得清楚XML的规范。终于,在2002年的一天,道格拉斯·克罗克福特(Douglas Crockford)同学为了拯救深陷水深火原创 2021-07-19 07:52:46 · 439 阅读 · 2 评论 -
JavaScript Date(日期)对象
Date(日期)对象用于处理日期和时间。要获取系统当前时间,用:var now = new Date();now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)now.getFullYear(); // 2015, 年份now.getMonth(); // 5, 月份,注意月份范围是0~11,5表示六月now.getDate(); // 24, 表示24号now.getDay(); // 3, 表示星期三now.getHours(); // 19, 2原创 2021-07-19 05:25:03 · 139 阅读 · 1 评论 -
JavaScript 标准对象
在JavaScript的世界里,一切都是对象。但是某些对象还是和其他对象不太一样。为了区分对象的类型,我们用typeof操作符获取对象的类型,它总是返回一个字符串:typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'function'typeof n转载 2021-07-18 11:32:53 · 69 阅读 · 0 评论 -
函数的属性和方法
JavaScript 中的函数是对象,因此函数也有属性和方法。属性每个函数都包含两个属性:length 和 prototype。lengthlength 属性表示函数希望接收的命名参数的个数,如下面的例子所示。function sayName(name){ console.log(name);}function sum(num1, num2){ return num1 + num2;}function sayHi(){ console.log("hi");}原创 2021-07-18 07:55:43 · 209 阅读 · 0 评论 -
JavaScript中的this详解
在JavaScript中,对象的定义是这样的:var xiaoming = { name: '小明', birth: 1990};但是,如果我们给xiaoming绑定一个函数,就可以做更多的事情。比如,写个age()方法,返回xiaoming的年龄:var xiaoming = { name: '小明', birth: 1990, age: function () { var y = new Date().getFullYear();原创 2021-07-18 06:52:23 · 104 阅读 · 1 评论 -
JavaScript 函数(三)变量作用域与解构赋值
在JavaScript中,用var申明的变量实际上是有作用域的。如果一个变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量:'use strict';function foo() { var x = 1; x = x + 1;}x = x + 2; // ReferenceError! 无法在函数体外引用变量x如果两个不同的函数各自申明了同一个变量,那么该变量只在各自的函数体内起作用。换句话说,不同函数内部的同名变量互相独立,互不影响:'use原创 2021-07-18 05:00:24 · 220 阅读 · 1 评论 -
JavaScript 函数(二)定义和调用
定义函数写法一:函数声明(推荐写法)function abs(x) { if (x >= 0) { return x; } else { return -x; }上述abs()函数的定义如下:function指出这是一个函数定义;abs是函数的名称;(x)括号内列出函数的参数,多个参数以,分隔;{ ... }之间的代码是函数体,可以包含若干语句,甚至可以没有任何语句。提示:JavaScript 对大小写敏感。关键词 func原创 2021-07-17 06:05:44 · 242 阅读 · 0 评论 -
JavaScript 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。函数是一段代码,它只定义一次,但可以被执行或调用任意次。在 JavaScript 里,函数即对象,程序可以随意操控它们。比如,可以把函数赋值给变量,或者作为参数传递给其他函数,也可以给它们设置属性,甚至调用它们的方法。如果函数挂载在一个对象上,作为对象的一个属性,就称它为对象的方法。如果函数嵌套在其他函数中定义,这样它们就可以访问它们被定义时所处的作用域中的任何变量。函数就像数学中的函数,有输入值即 参数 ,返回输出值。抽象抽象是数学中非常原创 2021-07-16 03:56:18 · 54 阅读 · 0 评论 -
JavaScript 语句The last
跳转label 语句使用 label 语句可以在代码中添加标签,以便将来使用。以下是 label 语句的语法:label: statement下面是一个示例:start: for (var i=0; i < count; i++) { console.log(i); }这个例子中定义的 start 标签可以在将来由 break 或 continue 语句引用。加标签的语句一般都要与 for 语句等循环语句配合使用。break 和 continue 语句break 和 c原创 2021-07-15 10:54:46 · 62 阅读 · 0 评论 -
JavaScript变量和数据类型(六)iterable
遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for ... of循环来遍历。for ... of循环是ES6引入的新的语法,请测试你的浏览器是否支持:'use strict';var a = [1, 2, 3];for (var x of a) {}console.log('你的浏览器支持for ... of');原创 2021-07-15 09:58:38 · 119 阅读 · 0 评论 -
JavaScript 语句(二)循环
要计算1+2+3,我们可以直接写表达式:1 + 2 + 3; // 6要计算1+2+3+…+10,勉强也能写出来。但是,要计算1+2+3+…+10000,直接写表达式就不可能了。为了让计算机能计算成千上万次的重复运算,我们就需要循环语句。for循环通过初始条件、结束条件和递增条件来循环执行语句块:var x = 0;var i;for (i=1; i<=10000; i++) { x = x + i;}x; // 50005000让我们来分析一下for循环的控制条件原创 2021-07-13 11:28:41 · 98 阅读 · 0 评论 -
JavaScript 语句(一)条件语句
表达式在 JavaScript 中是短语,那么语句就是整句命令。表达式用来计算出一个值,语句用来执行以使某件事发生。从本质上看,语句定义了 JavaScript 中的主要语法,语句通常使用一或多个关键字来完成给定任务。语句可以很简单,例如通知函数退出;也可以比较复杂,例如指定重复执行某个命令的次数。下表列出了 JavaScript 大部分语句的语法和用途:语句语法用途breakbreak [label];退出最内层循环或者退出 switch 语句,又或者退出 label 指定的语句原创 2021-07-13 06:40:43 · 223 阅读 · 0 评论 -
JavaScript变量和数据类型(五)Map和Set
JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。要测试你的浏览器是否支持ES6规范,请执行以下代码,如果浏览器报ReferenceError错误,那么你需要换一个支持ES6的浏览器:'use strict';var m = new Map();var s原创 2021-07-12 10:56:09 · 233 阅读 · 0 评论 -
JavaScript变量和数据类型(四)对象
对象是 JavaScript 的一种由若干键-值对组成的无序的集合数据类型。它将很多值(原始值或者其他对象)聚合在一起,可通过名字访问这些值,因此我们可以把它看成是从字符串到值的映射。JavaScript对象的键都是字符串类型,值可以是任意数据类型。创建对象可以使用对象字面量、new 关键字和 ECMAScript 5 中的 Object.create() 函数来创建对象。使用对象字面量创建对象(推荐)创建对象最简单的方式就是在 JavaScript 代码中使用对象字面量。对象字面量是由若干名值对原创 2021-07-12 05:04:14 · 154 阅读 · 0 评论 -
JavaScript变量和数据类型(三)数组
数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。例如:[1, 2, 3.14, 'Hello', null, true];上述数组包含6个元素。数组用[]表示,元素之间用,分隔。另一种创建数组的方法是通过Array()函数实现:new Array(1, 2, 3); // 创建了数组[1, 2, 3]然而,出于代码的可读性考虑,强烈建议直接使用[]。数组的元素可以通过索引来访问。请注意,索引的起始值为0:var arr = [1, 2, 3原创 2021-07-10 09:09:37 · 414 阅读 · 0 评论 -
JavaScript变量和数据类型(二)布尔
布尔值和布尔代数的表示完全一致,一个布尔值只有true、false两种值,要么是true,要么是false,可以直接用true、false表示布尔值,需要注意的是,他们是区分大小写的,也就是说 True 和 False(以及其他的混合大小写形式)都不是 Boolean 值,只是标识符。也可以通过布尔运算计算出来:true; // 这是一个true值false; // 这是一个false值2 > 1; // 这是一个true值2 >= 3; // 这是一个false值逻辑运算符逻辑运原创 2021-07-10 04:54:21 · 208 阅读 · 0 评论 -
JavaScript变量和数据类型
变量和数据类型当程序需要将值保存起来以备将来使用时,便将其赋值给一个变量,值的类型称作数据类型。变量变量是存储信息的容器。不仅可以是数字,还可以是任意数据类型。变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。变量必须以字母开头变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)变量名称对大小写敏感(y 和 Y 是不同的变量)提示:JavaScript 语句和 JavaScript 变量都对大小写敏感。数据类型原创 2021-07-10 03:11:54 · 192 阅读 · 0 评论 -
JavaScript 基本语法
分号 ;JavaScript的语法和Java语言类似,每个语句以;结束。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。 让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致。我们不会省略 ;,所有语句都会添加 ;。例如,下面的一行代码就是一个完整的赋值语句:var x = 1;下面的一行代码是一个字符串,但仍然可以视为一个完整的语句:'Hello, world';原创 2021-07-09 03:47:43 · 280 阅读 · 0 评论 -
<script> 元素
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。使用 <script> 元素的方式有两种:直接在页面中嵌入 JavaScript 代码。包含外部 JavaScript 文件。有些时候你会看到<script>标签还设置了一个type属性:<script type="text/javascript"> ...</script>在 HTML5 规范中,<script> 的原创 2021-07-08 07:55:17 · 208 阅读 · 0 评论 -
JavaScript 简介
JavaScript 是世界上最流行的脚本语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。你在电脑、手机、平板上浏览的所有的网页,以及无数基于HTML5的手机App,交互逻辑都是由JavaScript驱动的。JavaScript是脚本语言。JavaScript是一种运行在浏览器中的解释型的编程语言。JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTM原创 2021-07-08 03:55:48 · 211 阅读 · 0 评论