JS和HTML通过事件建立联系

 时间:2026-04-26 10:24:41

1、1.Event对象:当事件发生的时候相关的信息

Event.clientX;鼠标X坐标

Event.clientY;鼠标的Y坐标

Event.target;事件源

在火狐中event对象需要在调用的时候传递到函数中【实际参数】

当事件发生的时候会有一些信息,

Function abc(e){函数内部就可以直接用e.clientX}

Abc(event)HTML和CSS属性的取值和赋值

JS和HTML通过事件建立联系

2、2.HTML:

取值:Var n=obj.HTML属性名

赋值:Obj.HTML属性名=m;

Css:

取值var n=obj.style.CSS属性名=》【obj.style.margin】;【obj.style.borderBottom】

赋值:obj.style.CSS属性名=》obj.style.margin=”30px”;

注意:HTML的属性值,可以是数字也可以是字符串

  CSS属性值:基本都是字符串

JS和HTML通过事件建立联系

JS和HTML通过事件建立联系

3、3.注意:大部分从网页上获得的内容都是字符串

JS和HTML通过事件建立联系

4、4.innerHTML:是获得对象内所有的内容【包括汉字和标签】

通过innerHMTL该文字

JS和HTML通过事件建立联系

5、5.注意:

一般情况下,单标签中的input都用的是value

如果是双标签innerHTML修改内容

移动瞄准案例:

JS和HTML通过事件建立联系

6、6.案例:

点出满天小星星

1, JS不只是可以修改HTML标签,属性,还可以创建出来标签

a) Document.createElement(“标签名”):

b) 通过上述方法可以创建出标签

2, JS可以吧标签加入到网页上

a) Document.body.appendChild(对象)

b) 通过上述方法可以把对象加入到body标签里面

c) Document.body:获得body这个对象

标签的外边距不会触发事件

JS和HTML通过事件建立联系

  • jquery-点击事件-点击h1后,h1和div一起移动
  • 最新版本GNS3的下载(举例GNS3 1.3.13)
  • mac vscode怎么设置第一行代码与顶部的距离?
  • eclipse如何改变java字体的大小
  • 如何快速创建一个网页文件?
  • 热门搜索
    阿卡索外教网怎么样 年化收益率怎么算 晒黑了怎么办 狐臭怎么彻底去除 韵达快递怎么样 湖南师范大学怎么样 西南财经大学怎么样 头晕目眩是怎么回事 怎么瘦胳膊 微信朋友圈访客记录怎么看