一个非常简单的实例,实现了 button回调
点下按钮之后 会跳出一个alert框 这个回调function在head里面定义
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件响应测试</title>
<script>
function clickFunc(){
alert("这是一个警告框");
}
</script>
</head>
<body>
<button onclick = "clickFunc()" > 点我 </button>
<!-- this function is the function we define in the head -->
</body>
</html>
显示两个按钮,一个按钮会跳出一个alert框并且关了之后会在页面显示文本 并且改变另一个按钮的文本(通过jQuery实现)
另一个就是普通的按钮
<!DOCTYPE html>
<html lang="en">
<!-- 设置语言为英文 但是可以输出中文,只是告诉浏览器要不要翻译 -->
<head>
<meta charset="UTF-8">
<!-- 引入jQuery代码包 -->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<title>jQuery选择器测试</title>
<script>
<!-- show two kinds of 选择器 类前面是. id前面是# -->
function clickFunc(){
alert('这是警告,关闭后显示文字');
$(".pasClass").text('hello');
$("#clickMe").text("狂戳");
}
function clickFunc1(){
alert ("戳了也没用");
}
</script>
</head>
<body>
<!-- <p></p>是html语言中的一个段落标记,<p></p>中间如果有内容,会显示在页面 -->
<p class="pasClass"></p>
<button onclick="clickFunc1()" id="clickMe" >点我</button>
<button onclick="clickFunc()">先点我</button>
</body>
</html>