【松软科技web教程:JavaScript HTML DOM 元素】的更多相关文章

松软科技web教程:JavaScript HTML DOM 元素

查找 HTML 元素 通常,通过 JavaScript,您需要操作 HTML 元素. 为了达成此目的,您需要首先找到这些元素.有好几种完成此任务的方法: 通过 id 查找 HTML 元素 通过标签名查找 HTML 元素 通过类名查找 HTML 元素 通过 CSS 选择器查找 HTML 元素 通过 HTML 对象集合查找 HTML 元素 通过 id 查找 HTML 元素 DOM 中查找 HTML 元素最简单的方法是,使用元素的 id. 本例查找 id="intro" 的元素: 实例 va…

松软科技Web课堂:JavaScript HTML DOM 动画

基础页面 为了演示如何通过 JavaScript 来创建 HTML 动画,我们将使用一张简单的网页: 实例 <!DOCTYPE html> <html> <body> <h1>我的第一部 JavaScript 动画</h1> <div id="animation">我的动画在这里.</div> </body> </html> 创建动画容器 所有动画都应该与容器元素关联. 实例 &…

松软科技web教程:JavaScript Switch 语句

switch 语句用于基于不同条件执行不同动作. JavaScript Switch 语句 请使用 switch 语句来选择多个需被执行的代码块之一. 语法 switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块 } 代码解释: 计算一次 switch 表达式 把表达式的值与每个 case 的值进行对比 如果存在匹配,则执行关联代码 实例 getDay() 方法返回 0 至 6 之间的周名数字(weekday numb…

松软科技web教程：JavaScript HTML DOM 事件监听器

addEventListener() 方法 实例 添加当用户点击按钮时触发的事件监听器: document.getElementById("myBtn").addEventListener("click", displayDate); addEventListener() 方法为指定元素指定事件处理程序. addEventListener() 方法为元素附加事件处理程序而不会覆盖已有的事件处理程序. 您能够向一个元素添加多个事件处理程序. 您能够向一个元素添加多个相…

松软科技Web课堂:JavaScript this 关键词

实例 var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; } }; this 是什么? JavaScript this 关键词指的是它所属的对象. 它拥有不同的值,具体取决于它的使用位置: 在方法中,this 指的是所有者对象. 单独的…

松软科技Web课堂:JavaScript JSON

JSON 是存储和传输数据的格式. JSON 经常在数据从服务器发送到网页时使用. 什么是 JSON? JSON 指的是 JavaScript Object Notation JSON 是轻量级的数据交换格式 JSON 独立于语言 * JSON 是“自描述的”且易于理解 * JSON 的语法是来自 JavaScript 对象符号的语法,但 JSON 格式是纯文本.读取和生成 JSON 数据的代码可以在任何编程语言编写的. JSON 实例 JSON 语法定义了一个雇员对象:包含三条员工记录的数组(…

松软科技Web课堂:JavaScript 异常

JavaScript 错误 - Throw 和 Try to Catch try 语句使您能够测试代码块中的错误. catch 语句允许您处理错误. throw 语句允许您创建自定义错误. finally 使您能够执行代码,在 try 和 catch 之后,无论结果如何. 错误总会发生! 当执行 JavaScript 代码时,会发生各种错误. 错误可能是程序员的编码错误,由错误输入引起的错误,或者由于其他不可预见的问题. 实例 在本例中,我们通过 adddlert 编写警告代码来故意制造了一个错…

松软科技Web课堂:JavaScript Break 和 Continue

break 语句“跳出”循环. continue 语句“跳过”循环中的一个迭代. Break 语句 在本教程稍早的章节中,您已见到了 break 语句.它被用于“跳出” switch 语句. break 语句也可用于跳出循环. break 语句会中断循环,并继续执行循环之后的代码(如果有): 实例 for (i = 0; i < 10; i++) { if (i === 3) { break; } text += "数字是 " + i + "<br>&quo…

松软科技web课堂:JavaScript 比较和逻辑运算符

JavaScript 比较和逻辑运算符 比较和逻辑运算符用于测试 true 或 false. 比较运算符 比较运算符在逻辑语句中使用,以判定变量或值是否相等. 我们给定 x = 5,下表中解释了比较运算符: 运算符 描述 比较 返回 == 等于 x == 8 false     x == 5 true     x == "5" true === 值相等并且类型相等 x === 5 true     x === "5" false != 不相等 x != 8 true…

松软科技web课堂:JavaScript Math 对象

JavaScript Math 对象允许您对数字执行数学任务. 实例 Math.PI; // 返回 3.141592653589793 Math.round() Math.round(x) 的返回值是 x 四舍五入为最接近的整数: 实例 Math.round(6.8); // 返回 7 Math.round(2.3); // 返回 2 Math.pow() Math.pow(x, y) 的返回值是 x 的 y 次幂: 实例 Math.pow(8, 2); // 返回 64 Math.sqrt()…