Question

我是javascript的初学者。但它不起作用。请帮助我。

我正在使用Microsoft VSCode。

这是我的main.html。

<!DOCTYPE html>

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  <link rel="javascript" src="script.js"/>
  <link rel="stylesheet" href="https://unpkg.com/papercss@1.4.1/dist/paper.min.css"/>
  <link rel="stylesheet" href="style.css"/>

  <title>Ultimate R-S-P</title>
</head>
<body>
    <div class="login_box">
    <h1><span class="badge" id="loginbtn">main</span>
    </div>
</body>
</html>

这是script.js

console.log("start!");

var loginBtn = document.getElementById("loginbtn");

loginBtn.onclick = function(){

    console.log("onclick event start");

};

Answer 1

您需要更改：

<script src="script.js"></script>

成：

<link rel="javascript" src="script.js"/>

Answer 2

第一选择：将脚本放在正文的底部

＆＃13;

第二选择：将脚本内容移动到window.onload = function（）{}

<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <script src="script.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/papercss@1.4.1/dist/paper.min.css" />
  <link rel="stylesheet" href="style.css" />

  <title>Ultimate R-S-P</title>
</head>

<body>
  <div class="login_box">
    <h1><span class="badge" id="loginbtn">main</span></h1>
  </div>
  <script>
    console.log("start!");

    var loginBtn = document.getElementById("loginbtn");

    loginBtn.onclick = function() {

      console.log("onclick event start");

    };
  </script>
</body>

</html>

如果选择此选项，则必须更改脚本标记

window.onload = function() {

    console.log("start!");

    var loginBtn = document.getElementById("loginbtn");

    loginBtn.onclick = function() {

        console.log("onclick event start");

    };
};

到

<link rel="javascript" src="script.js"/>

Answer 3

＆lt;链接＆gt; tag定义文档和外部资源之间的链接＆lt;链接＆gt; tag用于链接到外部样式表＆lt;脚本＆gt; tag用于定义客户端脚本（JavaScript）。

因此，您需要更改此代码：

 <link rel="javascript" src="script.js"/>

进入这个：

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

Answer 4

使用此标记而非链接标记

<script src="script.js"></script>

同时修复你的html你缺少一个h1结束标记

<script src="script.js"></script>

Answer 5

添加脚本标记，如下所示。您使用了链接标记而不是脚本。

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

Answer 6

实际上我很困惑。

这是javascript的位置。

溶液

<body>
    <div class="login_box">
    <h1><span class="badge" id="loginbtn">main</span>
    </div>

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


</body>

我把javascript代码放在正文中。

为什么此JavaScript按钮单击无法调用函数？

6 个答案: