当前位置：文档之家 › JavaScript&DHTML 开发

JavaScript&DHTML 开发

  • 格式：ppt
  • 大小：290.00 KB
  • 文档页数：9
JavaScript&DHTML 开发

合集下载

JavaScript精品PPT课件

JavaScript精品PPT课件

通过javascript实现以下页面效果： 1.页面输出：“你好！” 2.弹出对话框：对话框内容为“欢迎光临我
的小站！”
变量、表达式
例2
<html >
注：不同类型的变量都通过 var定义
<head>
<script >
var r=2, pi=3.14;
document.write("半径为2的圆的面积为：" + pi*r*r);
</script>
JavaScript函数使用 例4
<script >

注意！参数前不需要加var
function sum(x,y) {
return x+y;
}
document.write("x + y的值为：" + sum(3,6));
</script>
JavaScript教程
第10章 JavaScript核心对象
<script > var x=20, y=22; function sum() { return x+y; } document.write("x + y的值为：" + sum());
</script>
练习2参考
<script > var r=3, pi=3.14; function area() { return pi*r*r } document.write("圆的面积为：" + area());
虽然JavaScript语言是一门基于对象的，但它还是 具有一些面向对象的基本特征。它可以根据需要创 建自己的对象，从而进一步扩大JavaScript的应用 范围，增强编写功能强大的Web文档。
JavaScript-使用、输出、语句、语法（一）

JavaScript-使用、输出、语句、语法（一）

JavaScript-使⽤、输出、语句、语法（⼀）JS 使⽤使⽤

使⽤ document.write() 使⽤document.write() 使⽤document.write() 下⽅内容是使⽤document.write()写⼊的

下⽅内容是使⽤document.write()写⼊的

使⽤ innerHTML 使⽤innerHTML往元素内写⼊内容 使⽤innerHTML

使⽤ console.log() 使⽤console.log()在浏览器控制台输出内容 使⽤console.log() 在浏览器控制台输出内容

在浏览器控制台输出内容

JS 语句

在 HTML 中，JavaScript 语句是由 web 浏览器“执⾏”的“指令”JS 语句由以下⼏部分构成：值、运算符、表达式、关键词和注释JS 语句允许多条共占⼀⾏JS 会忽略多个空格，可向脚本添加空格以增强可读性建议把代码⾏控制在 80 个字符以内，以增强可读性JS 语句可⽤花括号 {...} 组合在代码块中

JS 关键词

关键词描述break终⽌ switch 或循环continue跳出循环并在顶端开始debugger停⽌ JavaScript，并调⽤调试函数（如果可以）do...while执⾏语句块，并在条件为真时重复代码块for标记需要被执⾏的语句块，只要条件为真function声明函数if...else标记需要被执⾏的语句块，根据某个条件return退出函数switch标记需要被执⾏的语句块，根据不同的情况try...catch对语句块实现错误处理var声明变量

JS 语法JS 值JS 语句定义两种类型的值：混合值和变量值混合值被称为字⾯量（literal），变量值被称为变量

JS 字⾯量写数值有⽆⼩数均可：1.501,1001字符串是⽂本，由双引号或单引号包围："字符串"、'字符串'

JS 变量JS 使⽤ var 关键字来声明变量等号 = ⽤来为变量赋值

2024版JavaScript基础课件完整版

2024版JavaScript基础课件完整版


数组的定义与使用
数组的定义
数组是一种特殊的对象，用于存储一 系列有序的值。在JavaScript中，数 组可以包含任意类型的值，包括数字、 字符串、布尔值、对象等。
数组的使用
可以通过索引来访问数组中的元素，使 用push()和pop()方法添加或删除元素， 使用sort()和reverse()方法对数组进行 排序或反转等操作。
DOM结构 DOM将HTML或XML文档转化为一个树形结构，文档中 的每个元素、属性和文本都被视为一个节点（Node）， 节点之间通过父子或兄弟关系形成树状结构。
节点类型
在DOM中，节点类型包括元素节点、属性节点、文本节 点、注释节点等。
访问和修改DOM元素
获取元素 修改元素内容 修改元素属性 修改元素样式
辑非等。
用于将右侧的值赋给左 侧的变量，如等于赋值、
加等于、减等于等。
控制流语句
条件语句
使用`if...else`语句根据条 件执行不同的代码块。
循环语句
使用`for`、`while`或 `do...while`语句重复执行 一段代码，直到满足特定 条件为止。
跳转语句
使用`break`或`continue` 语句在循环中提前结束或 跳过当前迭代。
常用内置对象与方法
Date对象
用于处理日期和时间，可以创建 日期实例、获取日期和时间信息、 进行日期计算等。
String对象
用于处理字符串，提供了许多字 符串操作方法，如charAt()、 indexOf()、replace()等。
Math对象
提供了一系列数学常数和函数， 如Math.PI、Math.random()、 Math.sin()等。
本地开发环境
javascript条件运算符

javascript条件运算符

javascript条件运算符
JavaScript的条件运算符有以下几种：
1. 相等运算符（==）：检查两个操作数是否相等，如果相等返回true，否则返回false。

2. 全等运算符（===）：检查两个操作数的值和类型是否完全相等，如果相等返回true，否则返回false。

3. 不等运算符（!=）：检查两个操作数是否不相等，如果不相等返回true，否则返回false。

4. 不全等运算符（!==）：检查两个操作数的值和类型是否不相等，如果不相等返回true，否则返回false。

5. 大于运算符（>）：检查左操作数是否大于右操作数，如果是返回true，否则返回false。

6. 小于运算符（<）：检查左操作数是否小于右操作数，如果是返回true，否则返回false。

7. 大于等于运算符（>=）：检查左操作数是否大于等于右操作数，如果是返回true，否则返回false。

8. 小于等于运算符（<=）：检查左操作数是否小于等于右操作数，如果是返回true，否则返回false。

9. 逻辑与运算符（&&）：检查两个操作数是否都为true，如
果是返回true，否则返回false。

10. 逻辑或运算符（||）：检查两个操作数是否至少一个为true，如果是返回true，否则返回false。

11. 逻辑非运算符（！）：对操作数进行取反操作，如果操作
数为true，则返回false，如果操作数为false，则返回true。

以上是JavaScript常用的条件运算符，可以根据不同的需求和
情况选择使用。