按钮(button)调用脚本的方式的细节:
<button onclick="alert('1231241')" onclick="alert('2222222')">111</button>
只会进行第一个click事件的调用,第二个click事件被覆盖
<script src="../js/learning.js"></script>
<button id="button1" onclick="alert('22222')">111</button>
其中,learning.js定义了button1的点击事件,则点击button1时,只会调用js文件中的事件。
在<body>
标签中定义script脚本,也可以触发button事件,并且优先级最高。
总结:在<body>
中定义的脚本事件,优先级第一,在js文件里,优先级与<body
中定义的优先级一直,孰先孰后取决于谁先定义,脚本引入的位置越靠后,则优先级高! 在<button>
标签属性里定义onclick事件,优先级第三。
关于冒泡:https://blog.csdn.net/luanlouis/article/details/23927347
总结:从最底层开始往上响应,(从document的最底部往根部响应,例如从<span>
往<html>
响应