繁体   English   中英

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

[英]How do I link external Javascript file to a html document in Play Framework project?

这是我的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文件已正确链接。 但是,如果我将代码放到更早的函数中并将其链接到按钮,它将无法正常工作。

您实际上并没有执行您的功能。 您的代码应为:

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

对于按钮,应为:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM