使用html按钮运行javascript代码

Question

我有一个不是函数的JavaScript代码。我需要用一个按钮运行它。问题是我无法使用onclick="myfunction()"，因为它不是一个函数。我的js文件名为“myFunction.js”。如何使用html按钮执行js代码？

Answer 1

您可以在按钮中使用onclick="myFunction()"。

将您的代码添加到函数中（例如，在文件myFunction.js中）：

function myFunction() {
    alert("hello world"); // for example
}

要完成，请将js文件链接到您的html，如下所示：

<script type="text/javascript" src="/yourpath/myFunction.js"></script>

将它放在标记</body>之前。

Answer 2

您必须将代码放在函数中，以便在需要时运行。将代码放在函数外部只需在加载代码时运行代码。基本上，您需要做的是：

    function myFunction(){

        *insert code to execute here*

    }

那应该为你做，并确保将其适当地添加到页面中（在标签之间的标题中，或在外部工作表上。一个很好的来源是http://www.w3schools.com/js/default.asp