为什么我的html表单元素标记在<script>标记内不起作用?

时间:2016-01-22 20:23:28

标签: javascript html

我刚开始学习javascript并试图在body标签中执行此代码:

&#xA;&#xA;
 &lt; script&gt;&#xA;&lt; form&gt; &#XA; &lt; input type =“button”value =“触摸我!” onclick =“alert('Hello'); alert('It me');”/&gt;&#xA;&lt; / form&gt;&#xA;&lt; / script&gt;&#xA;  
&#xA;&#xA;

但它不起作用。只有当我删除了我在代码的开头和结尾放置的脚本标签才能正确执行。如果它执行alert,这是一个javascript函数,它应该不需要&lt; script&gt; tag?

&#xA;

4 个答案:

答案 0 :(得分:1)

您不应在按钮的onclick属性中添加<Script>标记。在这里,您将指定将要执行的javascript。更清楚:

<form>
    <input type="button" value="Touch me!" onclick="ExecuteTwoAlerts()"/>
</form>

现在您要说的是,当“客户端”单击此按钮时执行此功能。现在,您应该在此页面的脚本中添加此功能,以确保在客户端单击时调用它。现在你需要脚本标签,但另一种方式是:

<form>
    <input type="button" value="Touch me!" onclick="ExecuteTwoAlerts()"/>
</form>
<script>
   function ExecuteTwoAlerts()
   {
       alert('1');
       alert('2');
   }
</script>

在您的情况下,警报已经在浏览器中的javascript函数中构建,因此您执行它,而不将其放在页面的脚本标记中。相同的功能是confirm('confirm me')

答案 1 :(得分:0)

检查此示例:
https://jsfiddle.net/ahLykhov/

<form>
    <input type="button" value="Touch me!" onclick="alert('Hello');alert('It me');"/>
</form>

代码一切都很好 也许还有其他问题?

请发布更多详情

答案 2 :(得分:0)

此:

<p>

或者:

<form>
    <input type="button" value="Touch me!" onclick="funcEvent();"/>
</form>
<script>
    function funcEvet(){
    alert('Hello, It me');
  }
</script>

不建议将javascript事件用于HTML标签。

答案 3 :(得分:0)

有效。

只需创建一个扩展名为.html的文件并粘贴到那里

<!DOCTYPE html>
<form>
    <input type="button" value="Touch me!" onclick="alert('Hello');alert('It me');"/>
</form>

保存,然后在Chrome或Firefox中打开它。 新的HTML5标准提供了浏览器如何使用最少的信息呈现页面的规则(如上例所示)。您的浏览器将添加所有其他必要的标签(如html,body等)

您也可以尝试:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form>
    <input type="button" value="Touch me!" onclick="alert('Hello');alert('It me');"/>
</form>
</body>
</html> 

这是您网页的更加扩展和正确的变体。