为什么我们不使用<script>标签在HTML中调用函数'alert'?

时间:2015-07-17 16:25:05

标签: html

对于点击按钮时弹出警告框,我们使用JavaScript的警告方法,对吗?

&#xA;&#xA;

我还没有看到任何围绕在'&lt; script&gt;'标记中的 onclick 属性内调用提醒。

&#xA;

3 个答案:

答案 0 :(得分:1)

事件属性

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Event_attributes

因为 JavaScript

在浏览器中读取html标记 内的原因onclick
<a id='el' onclick=' /*Everything here is JS*/ alert("HEY"); '>CLICK ME TO ALERT</a>

否则您 优先使用script代码前的</body>代码:

<a id='el'>CLICK ME TO ALERT</a>

<script>
    var el = document.getElementById("el");
    el.onclick = function(){
       alert("HEY!");
    };
</script>

或在addEventListener事件中使用"click"方法:

<a id='el'>CLICK ME TO ALERT</a>

<script>
    var el = document.getElementById("el");
    el.addEventListener("click", function(){
        alert("HEY!");
    });
</script>

答案 1 :(得分:0)

是的,您不需要在按钮onclick功能中添加标签。这是因为onclick是HTML中内置的JavaScript事件处理程序。 onclick已经知道事件监听器中会有JavaScript,所以不需要标签。

答案 2 :(得分:0)

Roko和Eric给出了一个很好的答案。

onclick attibute中的所有内容都被浏览器视为javascript函数调用。

如果您使用用户定义功能,那么浏览器希望您在脚本标记中定义它。否则,不需要脚本标记。

Onclick =“---这里有一些javascript函数调用 - ”

例如

Onclick =“fun()”----定义此函数需要脚本标记。

Onclick =“alert()”----定义此函数不需要脚本标记,因为它是预定义的。

www.w3schools.com/jsref/event_onclick.asp