本文不是参考手册式文章,仅适用于对JS产生一个大致的认知,如需JS的详细语法与应用请移步Vevb
<button onclick="alert('be clicked');">点击</button>当我们点击按钮时,将会弹框显示"be clicked"。但注意,强烈不建议这么做,因为这样会给维护带来巨大的麻烦,每次需要更改事件我们都需要先找到该元素,然后修改其javascript内容,而且这些javascript代码也无法复用。另外,写在标签中的事件需要带'on',而且标签内只能通过事件引入js,而不能写简单的js表达式
<html> <body> <button id="btn">点击</button> </body> <script> <span style="font-family: Arial, Helvetica, sans-serif;">var btn = document.getElementById("btn");</span><PRe name="code" class="javascript"> btn.onclick = function() { alert("be clicked"); }</script></html>用内嵌式的话,就比行内式自由很多,可以写更多的代码,也可以避免引号的转义问题,维护也变得更轻松。但问题也是存在的,这些代码只能适用于这个页面,而无法被其他页面使用。
var btn = document.getElementById("btn");btn.onclick = function() { alert("be clicked");}然后在HTML中通过script标签引入
<html> <body> <button id="btn">点击</button> </body> <script src="click.js"></script></html>这样的好处在于同样的js代码可以被多个HTML页面共享,坏处是增加了文件数,增大了请求所需时间,所以应增强代码的复用性,并且最后要合并js文件(把不同的js文件合并成一个js文件)
新闻热点
疑难解答