Невозможно правильно связать внешний скрипт java

Я использую установку WAMP на локальном хосте. Я преподаю себе html/javascript/ect после учебников по w3schools. Все работает правильно, если я использую следующий веб-код:Невозможно правильно связать внешний скрипт java

<!DOCTYPE html> 
<html> 
<body> 

<h1>My First Web Page</h1> 

<p id="demo">My First Paragraph.</p> 

<script> 
document.getElementById("demo").innerHTML = "Paragraph changed."; 
</script> 

</body> 
</html>

Я пытаюсь переместить JavaScript в отдельный файл, и он просто не работает.

Содержание HTML (в файле "индекс"):

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
</script> 
<script src="test.js"></script> 
</head> 
<body> 
<h1>My First Web Page</h1> 

<p id="demo">My First Paragraph.</p> 

</body> 
</html>

Содержание из test.js

<script> 
document.getElementById("demo").innerHTML = "Paragraph changed."; 
</script>

Я уверен, что это что-то глупо, но после того, глядя на кучу примеров я не могу найти, где я делаю ошибку.

источник

2014-09-22 user3538411

положить до конца файла. незадолго до. вы пытаетесь получить доступ к элементу с демонстрацией ID, но html он еще не загружен полностью. –

Вы пытались отладить страницу? Откройте консоль браузера и посмотрите, какие ошибки есть. – j08691

Прежде всего, в вашем test.js вам не нужно включать тег <script>. Это ошибка, и из-за этого скрипты останавливаются. Ваш test.js скрипт должен выглядеть так:

document.getElementById("demo").innerHTML = "Paragraph changed.";

На второй стороны, вы должны поставить сценарий в конце тела послеdemo элемента, потому что если вы загрузите ваш сценарий перед тем он, вы никогда не найдете его.

Вот правильное решение index.html:

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    </head> 
    <body> 
     <h1>My First Web Page</h1> 

     <p id="demo">My First Paragraph.</p> 

     <script src="test.js"></script> 
    </body> 
</html>

источник

2014-09-22 18:39:02

Kestutis был прав. Используя ваши и там предложения все, кажется, в порядке. Спасибо! – user3538411

Невозможно правильно связать внешний скрипт java

ответ

Смежные вопросы