<!--页内使用-->
<script>
console.log("hello world");
</script>
<!--调用外部-->
<script src="hello.js"></script>
<!--直接写代码-->
<a href="#" onclick="document.write('hello world!');" >直接写代码</a>
<!--调用函数-->
<a href="#" onclick="sayHello();">调用函数</a>
<!--链接的href里写代码-->
<a href="javascript:sayHello()">链接的href里写代码</a>
<script type="text/javascript">
function sayHello () {
document.write('hello world!');
}
</script>
| 属性 | 值 | 描述 |
|---|---|---|
| onclick | script | 元素上发生鼠标点击时触发。 |
| ondblclick | script | 元素上发生鼠标双击时触发。 |
| ondrag | script | 元素被拖动时运行的脚本。 |
| ondragend | script | 在拖动操作末端运行的脚本。 |
| ondragenter | script | 当元素元素已被拖动到有效拖放区域时运行的脚本。 |
| ondragleave | script | 当元素离开有效拖放目标时运行的脚本。 |
| ondragover | script | 当元素在有效拖放目标上正在被拖动时运行的脚本。 |
| ondragstart | script | 在拖动操作开端运行的脚本。 |
| ondrop | script | 当被拖元素正在被拖放时运行的脚本。 |
| onmousedown | script | 当元素上按下鼠标按钮时触发。 |
| onmousemove | script | 当鼠标指针移动到元素上时触发。 |
| onmouseout | script | 当鼠标指针移出元素时触发。 |
| onmouseover | script | 当鼠标指针移动到元素上时触发。 |
| onmouseup | script | 当在元素上释放鼠标按钮时触发。 |
| onmousewheel | script | 当鼠标滚轮正在被滚动时运行的脚本。 |
| onscroll | script | 当元素滚动条被滚动时运行的脚本。 |
<!--事件处理，属性调用-->
<a href="#" onclick="sayHello2();">事件处理，属性调用</a>
<!--事件处理，JS内部事件绑定-->
<a href="#" id="btn">事件处理，JS内部事件绑定</a>
<script type="text/javascript">
function sayHello2 () {
console.log('hello world');
}
var oBtn=document.getElementById("btn");
oBtn.addEventListener('click',sayHello2);
</script>