js(十一):事件深入

来源:互联网 发布:js获取utc时间戳 编辑:程序博客网 时间:2024/05/29 06:51
<%@ 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>

0 0
原创粉丝点击