Question

这是我的scala.html文件代码。

@()
<!DOCTYPE html>
<html>
    <head>
        <title> Spin To Win </title>
        <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/styles.css")">
        <script  type="text/javascript" src='@routes.Assets.versioned("scripts/test.js")'></script>
    </head>
    <body>
        <h1> This is title </h1>
        <input type="button" value="click" onclick="showAlert()">
    </body>
</html>

这是我的javascript文件。

function showAlert() {
    alert("Hello");
}

这是存储javascript的文件目录。

输出

CSS正常工作。

但是Javsascript不起作用。单击按钮时没有任何反应。

更新

因此，如果我只是在任何函数之外的test.js中发出警报，那么它是有效的。页面加载时会显示警报。

alert("hello");

因此，这意味着js文件已正确链接。但是，如果我将代码放在像之前的函数中并将其链接到一个按钮，它就不起作用。

Answer 1

您实际上并没有执行您的功能。你的代码应该是：

function showAlert() {
    alert("Hello");
}
showAlert();

对于按钮，它应该是：

<button onclick="showAlert()">Button</button>

如何将外部Javascript文件链接到Play Framework项目中的html文档？

1 个答案: