js事件的的简单练习

Original 2019-01-02 11:29:33 250
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>事件的响应</title> <link rel="stylesheet" type="text/css" href="">

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>事件的响应</title>

<link rel="stylesheet" type="text/css" href="">

<link rel="shortcut icon" type="image/x-icon" href="">


<style type="text/css">


</style>

<body>

<script type="text/javascript">

var frist = true; 

function myFocus(x){

x.style.background="pink" 

}

function myBlur(x){

x.style.background="white";

}

function myOnclick(x){

if(frist){

x.style.borderRadius="0px";

x.style.background="yellow";

frist=false;

}else{

x.style.borderRadius="50px";

x.style.background="blue";

frist=true;

}

}


</script>

姓名:<input type="text" name="" onfocus="myFocus(this)" onblur="myBlur(this)">

<br/>



<div style="width: 100px;height: 100px; border: 1 solid #F4f4f4;background: yellow;" onclick="myOnclick(this)"></div>








</body>

</html>



总结:写js代码,这里用到的大多是一些事件的的响应,根据自己写的特定代码,执行相应的html样式和内容的修改,需通过HTML获取到相关内容或者事件触发。

Correcting teacher:韦小宝Correction time:2019-01-02 13:47:51
Teacher's summary:是的,总结的没毛病!js中最重要和最常用的也就是事假和对dom的操作以及一些动画!

Release Notes

Popular Entries