您的位置：首页 > Web前端 > JavaScript

js（十一）：事件深入

2016-07-02 20:07 633 查看

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- 	<script type="text/javascript" src="hello.js" ></script>	 -->

<script type="text/javascript">
//这种方式可以让方法不在body中写 表示窗口在加载完之后才调用init方法
window.onload=init;
//通过将所有的代码放到方法中 在body加载完成之后再执行init()
function init(){
//这种方式绑定事件 和HTML解耦合
var btn = document.getElementById("txt");
//默认有一个event参数
btn.onclick = function(event) {
//兼容浏览器
event = event || window.event;
alert(event.type);
//this就是btn,也就是这个按钮
alert(this.value);
};
}
</script>
<base href="<%=basePath%>">
</head>

<body onload="init()">
<input type="button" id="txt" value="点击测试"></input>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航