直接在标签当中定义
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>直接在标签当中定义js</title>
</head>
<body>
javascript:告诉浏览器是javascript的内容,就会调用js的引擎进行处理。
<form>
<input type="submit" value="点我啊" name="btnSubmit"
οnclick="javascript:alert('你点我干什么,讨厌!!')"/>
<br />
<a href="javascript:alert('我执行了js的代码')">超级链接</a>
</form>
</body>
</html>
js其他绑定方式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS其他绑定方式</title>
</head>
<body>
<input type="button" value="其他绑定方式" id="btn" />
<script type="text/javascript">
var btn = document.getElementById("btn");
btn.onclick = function(){
alert("稻花香里说丰年,听取蛙声一片!!");
}
</script>
</body>
</html>
其实就是另一种绑定方式的onload版
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>onLoad事件介绍</title>
<!--当页面加载完毕会执行onLoad的事件。-->
<script type="text/javascript">
window.onload = function(){
var ss = document.getElementById("span");
ss.innerHTML = "hello world";
}
</script>
</head>
<body>
<span id="span"></span>
</body>
</html>