script.js看起来不像连接到html文件

Question

我只是学习javascript，想玩转，但脚本似乎没有连接到html页面。 我不明白为什么。

多数民众赞成在HTML：

<body>
  <main>
<div class="tank">
  <img id="tank2" src="tank.gif" alt="Tank Girl" style="cursor:pointer" onclick="hiGirl()>

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

在script.js中就是这样：

document.addEventListener("DOMContentLoaded", function (event) {
 window.alert('Hi, Im tank Girl')
})

document.getElementById('tank2').onclick = function hiGirl () {
var userName = window.prompt('What is your name?', 'Enter your name here.')
if (userName) {
window.alert(`Szia Mia ${userName} !`)
} else { window.alert('Hello Stranger!') }
}

Answer 1

您在img标签的onclick上遇到语法错误，请更正：

<img id="tank2" src="tank.gif" alt="Tank Girl" style="cursor:pointer"  onclick="hiGirl()">

或基本上按如下所示删除它，因为您在script.js添加了onclick处理程序，因此无需在img标签上使用它：

<img id="tank2" src="tank.gif" alt="Tank Girl" style="cursor:pointer">

script.js看起来不像连接到html文件

问题描述

1 个解决方案

解决方案1
0 已采纳 2019-07-26 16:45:09

script.js看起来不像连接到html文件

问题描述

1 个解决方案

解决方案1 0 已采纳 2019-07-26 16:45:09

解决方案1
0 已采纳 2019-07-26 16:45:09