如何將外部Javascript文件鏈接到Play Framework項目中的html文檔？

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 個解決方案

解決方案1
0 2017-12-25 06:54:10

如何將外部Javascript文件鏈接到Play Framework項目中的html文檔？

問題描述

1 個解決方案

解決方案1 0 2017-12-25 06:54:10

解決方案1
0 2017-12-25 06:54:10