js中怎么覆盖事件

JavaScript011

js中怎么覆盖事件,第1张

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<script>

function myblur () {

alert("1、离开")

}

function bindEvent(func){

myblur = func

}

function myonclick() {

bindEvent(function(){

alert("天啊!myblur方法被覆盖了!")

})

}

</script>

</head>

<body>

<input type="text" onblur="myblur()" value="光标选中然后光标离开会调用myblur()方法"/>

<input type="button" onclick="myonclick()" value="覆盖myblur()" />

注:覆盖myblur()后,再次光标选中输入框然后再离开

</body>

</html>

js是直接修改样式。

我们通过JS修改CSS样式有两种方法:

一是修改某一属性的值

比如:通过for循环建立一个6位数字构成的字符串再加上#,形成能够作为颜色属性的字符串(颜色有一种表达方式就是这样。如:#324254),然后将这个值赋给body的样式属性background-color(JS中写法位backgroundColor),达到我们修改样式的目的

二是修改某一元素的class名,使其被别的样式修饰。

比如,通过 JS,将id为“up”的元素的class名改为solid,使其被.solid样式修饰,达到我们修改样式的目的。

<body onload="getNewPage()">

函数getNewPage(){

window.location.href = "xxxxx"

}