<js>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.div1{ width:100px; height:50px; background-color:Gray; opacity: 0.5; border:1px solid red; box-shadow:0 0 50px inset; border-radius:10px; margin:100px auto}
</style>
<script type="text/javascript">
function gaibian() {
document.title = "广东易通"; //改变网页标题为“广东易通”
window.alert("哈哈"); //弹出一个窗口，窗口中显示“哈哈”
window.location = "http://www.baidu.com"; //页面跳转到百度
}
</script>
</head>
<body style=" margin:0px; padding:0px">
<div class="div1" onclick="gaibian()"></div>
<!--这个“gaibian”就是我要单击div的时候要执行的这么一个事，这个事就叫“gaibian”后面的那个()就表示“执行”-->
<!--<div class="div1" onclick="gaibian()"></div>；这个div就能够响应单击事件了。当用户单击这个div的时候，浏览器就会被执行一个叫做“gaibian”的事件。()这个圆括号就表示执行，绝对不能缺少-->
</body>
</html>