前言 HTML事件,顾名思义就是在HTML页面上发生的事情,事件可以是浏览器行为或者用户行为。例如页面加载完后显示页面内容,这就是浏览器行为。用户点击按钮,页面内容改变,这就是用户行为。要想实现这样灵活的动态改变,就需要在事件触发时加入JavaScript代码。例如: 如上例,在用户点击按钮后,id为’demo’的文本元素就会改变为时间,这里的事件是用户行为,用户点击按钮后,触发事件onclick,执行JavaScript代码。 触发事件常见调用JavaScript的方法: HTML页面的文本数据通常使用字符串进行操作处理,与java不同的是,JavaScript中字符串可以使用单引号或者双引号,不局限于是否单个字符。 字符串中的每个字符可以使用索引找到,索引排列从0开始,例如: 这里取的就是字符串name中的第5个字符,就是’y’ 字符串name值为My name is “Lv”! 字符串的长度可以通过内置函数取的 字符串属性 =用于赋值,+用于加值 JavaScript 算术运算符 JavaScript 赋值运算符 运算符 + 同样可以用于字符串相加,例如 字符串z的值就是:helloworld 结果result值为字符串:lv1
这篇详细讲解如何在HTML事件触发时,执行JavaScript代码,来实现动态需求。同时详细讲一下字符串和运算符,在JavaScript编程中经常使用,需要深刻理解事件
<p id="demo"></p> <button onclick="getElementById('demo').innerHTML=Date()">时间</button>
常见的事件如下:
事件
描述
onclick
用户点击HTML 元素
onchange
HTML 元素改变
onmouseover
用户在一个HTML元素上移动鼠标
onmouseout
用户从一个HTML元素上移开鼠标
onkeydown
用户按下键盘按键
onload
浏览器已完成页面的加载
1.HTML事件属性直接执行JavaScript代码
2.HTML事件属性调用JavaScript函数
3.为HTML事件指定处理程序字符串
var name = "curry"; var name = 'curry';
var character = name[4];
当你需要在字符串中加入单引号或者双引号时,为了不发生引号配对错误,就应该使用转义字符,*在插入的引号前加上 *var name = 'My name is "Lv"!';
常见转义字符
代码
输出
’
单引号
“
双引号
反斜杠
n
换行
r
回车
t
tab(制表符)
b
退格符
f
换页符
var name = 'My name is "Lv"!'; var leg = name.length;
属性
描述
constructor
返回创建字符串属性的函数
length
返回字符串的长度
prototype
允许向对象添加属性和方法
运算符
运算符
描述
+
加法
–
减法
*
乘法
/
除法
%
取模(余数)
++
自增
–
自减
运算符
例子
等同于
=
x=y
+=
x+=y
x=x+y
-=
x-=y
x=x-y
*=
x*=y
x=x*y
/=
x/=y
x=x/y
%=
x%=y
x=x%y
var x = "hello"; var y = "world"; var z = x+y;
如果把一个字符串和一个数字相加,得到的是一个字符串,例如:var name = "lv"; var x = 1; var result = name + x;
摄影
摄于 四川.泸定.泸定桥
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算