страница не загружает внешний файл js простым кодом - почему?

Я index.html файл с кодом:страница не загружает внешний файл js простым кодом - почему?

<DOCUMENT!> 
<!DOCTYPE html> 
<html lang="pl"> 
<head> 
    <meta charset="utf-8"> 
    <script type="text/javascript" src="js\script.js"></script> 
    <link rel="stylesheet" type="text/css" href="css\style.css"></link> 
    <title> mchy i porosty </title> 
</head> 
<body> 

<p id="demo"></p> 

</body> 
</html>

В той же папке, у меня есть папка «JS» с файловыми script.js внутри. Код внутри этого файла:

var cars = ["BMW", "Volvo", "Saab", "Ford"]; 
var text = ""; 
var i; 

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "<br>"; 
} 

document.getElementById("demo").innerHTML = "text";

Когда я открываю файл index.html в Firefox, я вижу пустую страницу. Когда я добавляю код из script.js в index.html, используя разметку сценария и открываю index.html в Firefox, я вижу список автомобилей.

Может кто-нибудь объяснить мне, что я сделал не так?

источник

2015-11-20 ltw

Похоже, у вас есть синтаксическая ошибка в вашем javascript пути (и вашем css).

<script type="text/javascript" src="js\script.js"></script> 
<link rel="stylesheet" type="text/css" href="css\style.css"></link>

Должно быть:

<script type="text/javascript" src="js/script.js"></script> 
<link rel="stylesheet" type="text/css" href="css/style.css"></link>

Вам также нужно загрузить или стреляйте функцию. Вы можете сделать это с помощью простого window.onload. То, что у вас в настоящее время, будет выводить только «текст» в вашем html, поэтому удалите «» из «текста» в своей функции.

window.onload = function(){ 
    var cars = ["BMW", "Volvo", "Saab", "Ford"]; 
    var text = ""; 
    var i; 

    for (i = 0; i < cars.length; i++) { 
     text += cars[i] + "<br>"; 
    } 

    document.getElementById("demo").innerHTML = text; 
}

В качестве альтернативы, вы можете загрузить функцию в тегах тела с <body onLoad="foo();"> и обновление функции от window.onload = function() к function foo().

источник

2015-11-20 18:28:46 wmeade

все еще не работает :( – ltw

Я исправил их обоих, не помогло. – ltw

Обновлен мой ответ. Попробуйте сейчас. – wmeade

страница не загружает внешний файл js простым кодом - почему?

ответ

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