JavaScript理论基础3

    科技2024-07-14  75

    1.JavaScript事件

    发生在HTML元素上的事情(浏览器行为或用户行为) HTML事件: HTML页面完成加载 HTML input字段改变时 HTML按钮被点击 HTML 元素中可以添加事件属性,使用JavaScript代码来添加HTML元素 例: ①<button onclick="getElementById('demo').innerHTML=Date()">现在是几点钟</button> <p id='demo' ></p> ②<button onclick="this.innerHTML=Date()">现在的时间是?</button>#修改自身元素 常见的HTML事件: onchange HTML元素改变 onclick 用户点击HTML元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户在一个HTML元素上移开鼠标 onkeydown 用户按下键盘按键 onload 浏览器已经完成页面加载 执行JavaScript事件代码的方式: HTML事件属性可以直接执行JavaScript代码 定义函数,然后调用JavaScript函数 为HTML元素指定自己的事件处理程序 阻止事件的发生。

    2.JavaScript字符串

    字符串的索引从0开始,第一个字符索引值为[0],第二个为[1],以此类推。 在字符串添加转义字符\来使用引号: var name = “She is called “time””; 内置属性 length 可以计算字符串的长度: var txt = “ABCEDERF”; var chang = txt.length; 常见的转义字符: ’ 单引号 " 双引号 \ 反斜杠 \n 换行 \r 回车 \t tab(制表符)

    3.JavaScript运算符 = 赋值 + 加法 % 取模 ++ 自增 --自减

    += 等同于x=x+y -= 等同于x=x-y /= 等同于x=x/y 可以把空格插入表达式中增加空格 tx1 = tx2+" "+tx3 数字与字符串相加,返回字符串 数字与字符串相加,结果将成为字符串

    4.JavaScript比较运算符和逻辑运算符 比较: == 等于 ===绝对等于(值和类型) !=不等于 !==不绝对等于 <小于 >大于 >=大于等于 <=小于等于

    逻辑: && 表示and || 表示or ! 表示not

    5.条件运算符

    variable=(condition)?value1:value2

    Processed: 0.020, SQL: 8