JS和HTML通过事件建立联系

2025-11-13 07:49:34

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通过事件建立联系

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢