![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 75
魔魂守护
这个作者很懒,什么都没留下…
展开
-
JavaScript获取子节点、父节点、兄弟节点方法
特别声明:文章转自点击打开链接一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组的形式访问。var a = document.getElementById("test").getElementsByTagName("div");122.通过chil...转载 2018-05-09 22:01:49 · 3453 阅读 · 0 评论 -
HTML中的JavaScript语句
JavaScript 语句JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "Hello World":document.getElementById("demo").innerHTML="Hello World";分号 ;分号用于分隔 JavaScript 语句。通常我们在每条可执行...原创 2018-05-15 17:32:52 · 295 阅读 · 0 评论 -
JavaScript 注释
JavaScript 注释可用于提高代码的可读性。JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。单行注释以 // 开头。例子下面的例子使用单行注释来解释代码:// 输出标题:document.getElementById("myH1").innerHTML="Welcome to my Homepage";// 输出段落:do...原创 2018-05-16 10:55:24 · 104 阅读 · 0 评论 -
JavaScript 变量
变量是存储信息的容器。实例<!DOCTYPE html><html><body><script>var x=2;var y=3;var z=2+3;document.write(x + "<br>");document.write(y + "<br>");document.writ原创 2018-05-16 11:13:32 · 84 阅读 · 0 评论 -
JavaScript 数据类型
数据类型分为:字符串、数字、布尔、数组、对象、Null、UndefinedJavaScript 拥有动态类型JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:实例var x // x 为 undefinedvar x = 6; // x 为数字var x = "Bill"; // x 为字符串JavaScript...原创 2018-05-16 14:26:05 · 91 阅读 · 0 评论 -
JavaScript 对象
JavaScript 中的所有事物都是对象:字符串、数字、数组、日期,等等。在 JavaScript 中,对象是拥有属性和方法的数据。属性和方法属性是与对象相关的值。方法是能够在对象上执行的动作。举例:汽车就是现实生活中的对象。汽车的属性:car.name=Fiatcar.model=500car.weight=850kgcar.color=white 汽车的方法:car.start...原创 2018-05-16 14:39:11 · 73 阅读 · 0 评论 -
JavaScript 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript 函数语法函数就是包裹在花括号中的代码块,前面使用了关键词 function:function functionname(){这里是要执行的代码}当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。提示:JavaScrip...原创 2018-05-16 14:52:13 · 83 阅读 · 0 评论 -
JavaScript 运算符
运算符分为赋值运算符和算数运算符运算符 = 用于给 JavaScript 变量赋值。算术运算符 + 用于把值加起来。y=5;z=2;x=y+z; 在以上语句执行后,x 的值是 7。JavaScript 算术运算符算术运算符用于执行变量与/或值之间的算术运算。给定 y=5,下面的表格解释了这些算术运算符:运算符描述例子结果+加x=y+2x=7-减x=y-2x=3*乘x=y*2x=10/除x=y...原创 2018-05-16 14:59:29 · 118 阅读 · 0 评论 -
JavaScript 比较和逻辑运算符
比较和逻辑运算符用于测试 true 或 false。比较运算符比较运算符在逻辑语句中使用,以测定变量或值是否相等。给定 x=5,下面的表格解释了比较运算符:运算符描述例子==等于x==8 为 false===全等(值和类型)x===5 为 true;x==="5" 为 false!=不等于x!=8 为 true>大于x>8 为 false<小于x<8 为 true>=...原创 2018-05-16 15:05:47 · 96 阅读 · 0 评论 -
JavaScript 判断语句
条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码if...else if....else 语句 - 使用该语句来选择多个代码...原创 2018-05-16 15:27:27 · 532 阅读 · 0 评论 -
JavaScript 循环语句
JavaScript 循环如果您希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。我们可以这样输出数组的值:document.write(cars[0] + "<br>");document.write(cars[1] + "<br>");document.write(cars[2] + "<br>");document.writ..原创 2018-05-16 15:38:17 · 140 阅读 · 0 评论 -
JavaScript Math 对象
Math 对象Math 对象用于执行数学任务。使用 Math 的属性和方法的语法:var pi_value=Math.PI;var sqrt_value=Math.sqrt(15);注释:Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin() 这样的函数只是函数,不是某个对象的方法。您无需创建它,通过把 Math 作为对象使用...原创 2018-05-18 17:27:51 · 98 阅读 · 0 评论 -
JavaScript Date 对象
Date 对象Date 对象用于处理日期和时间。创建 Date 对象的语法:var myDate=new Date()注释:Date 对象会自动把当前日期和时间保存为其初始值。Date 对象属性属性描述constructor返回对创建此对象的 Date 函数的引用。prototype使您有能力向对象添加属性和方法。Date 对象方法方法描述Date()返回当日的日期和时间。getDate()从 D...原创 2018-05-18 17:10:09 · 102 阅读 · 0 评论 -
JavaScript学习(一)-JavaScript对象-Array
Array 对象用于在单个的变量中存储多个值。1.创建Array对象new Array();new Array(size);new Array(element0, element1, ..., elementn);参数参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。参数 element ..., e原创 2018-05-10 09:58:49 · 122 阅读 · 0 评论 -
JavaScript Break 和 Continue 语句
break 语句用于跳出循环。continue 用于跳过循环中的一个迭代。Break 语句break 语句可用于跳出循环。break 语句跳出循环后,会继续执行该循环之后的代码(如果有的话):实例<p>点击按钮,测试带有 break 语句的循环。</p><button onclick="myFunction()">点击这里</button><...原创 2018-05-17 11:10:54 · 97 阅读 · 0 评论 -
JavaScript 错误 - Throw、Try 和 Catch
try 语句测试代码块的错误。catch 语句处理错误。throw 语句创建自定义错误。错误一定会发生当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。可能是由于来自服务器或用户的错误输出而导致的错误。当然,也可能是由于许多其他不可预知的因素。JavaScri...原创 2018-05-17 11:44:06 · 97 阅读 · 0 评论 -
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。JavaScript 表单验证JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。被 JavaScript 验证的这些典型的表单数据有:用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field...原创 2018-05-17 15:44:58 · 92 阅读 · 0 评论 -
JavaScript操作HTML DOM
通过 HTML DOM,可访问 和操作JavaScript HTML 文档的所有元素。HTML DOM (文档对象模型)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM 模型被构造为对象的树。HTML DOM 树通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有...原创 2018-05-17 16:14:02 · 95 阅读 · 0 评论 -
JavaScript 改变 CSS
改变 HTML 样式如需改变 HTML 元素的样式,请使用这个语法:document.getElementById(id).style.property=new style例子 1下面的例子会改变 <p> 元素的样式:<html><body><p id="p1">Hello World!</p><p id="p2&qu原创 2018-05-17 16:38:12 · 163 阅读 · 0 评论 -
JavaScript HTML DOM 事件
对事件做出反应我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时。如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码:onclick=JavaScriptHTML 事件的例子:当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交 HTML 表单时当用户触发按键时例子 1在本例中,当用户...原创 2018-05-17 17:49:50 · 166 阅读 · 0 评论 -
JavaScript 新建和删除DOM 元素(节点)
创建新的 HTML 元素如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。实例<html><body><div id="div1"><p id="p1">这是一个段落。</p><p id="p2">这是另一个段落。&a原创 2018-05-18 14:31:53 · 5095 阅读 · 0 评论 -
JavaScript 对String 对象的操作
String 对象String 对象用于处理文本(字符串)。创建 String 对象的语法:new String(s);String(s);参数参数 s 是要存储在 String 对象中或转换成原始字符串的值。返回值当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s 的字符串表示。当不用 new 运算符调用 Str...原创 2018-05-18 17:00:19 · 135 阅读 · 0 评论 -
JavaScript RegExp 对象
RegExp 对象RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法:new RegExp(pattern, attributes);参数参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分...原创 2018-05-18 17:02:33 · 107 阅读 · 0 评论 -
JavaScript While 循环
while 循环While 循环会在指定条件为真时循环执行代码块。语法while (条件) { 需要执行的代码 }实例本例中的循环将继续运行,只要变量 i 小于 5:while (i<5) { x=x + "The number is " + i + "<br>"; i++; }do/while 循环do/while 循环是 while 循环的变体。...原创 2018-05-16 15:55:25 · 576 阅读 · 0 评论