привязка JavaScript к файлу HTML

#javascript #html

#javascript #HTML

Вопрос:

Я в тупике, связывая файл JavaScript с моим main.html они оба находятся в одной папке.

Я просмотрел несколько тем Stack overflow, касающихся этого вопроса, и по какой-то причине ни одно из решений не решает мой ответ.

Мой текущий код — это то, что у меня есть ниже:

[main.html ]

  <!DOCTYPE html>
 <head>
   <link rel="javascript" href="jsfile.js">

   <title>JavaScript</title>
 </head>
   <body>
      <div class="Header">
         <h1>JS Basics</h1>
      </div>
   </body>
  

[jsfile.js ]

 document.write("Hello World");
  

Этот код не отображает сообщение «Hello World», однако, если я вставляю код непосредственно в HTML-файл, он отображает.

Я ценю любую помощь по этому вопросу.

Комментарии:

1. Проверьте вкладку «Сеть» — похоже, файл не связан должным образом

2. Смотрите MDN .

3. href это не способ включить js. Вы должны использовать src вместо этого, и это должно быть в script элементе, а не link . Этот подход, который вы использовали, предназначен для стилизации.

Ответ №1:

Добавьте лайк, следующий не по ссылке.

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

Ответ №2:

Просто введите:

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

Самое главное, добавьте эту строку в нижней части вашего тега body, чтобы ваш браузер не запрашивал загрузку JavaScript перед отображением вашего HTML.

введите описание изображения здесь

Ответ №3:

Вы используете неправильную ссылку для JavaScript.

Попробуйте использовать это вместо <script src="jsfile.js"></script>