![](/img/trans.png)
[英]How do I access a variable in HTML document form external JavaScript file
[英]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");
}
输出量
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.