Подключение javascript к html

@Yegorio · Регистрация: 24.07.2018

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток, начал изучать Python Django, вот решил прикрепить файл js к html, и случилась такая беда
при прописывании scriptа внутри тегов <script></script> - все работает, если прописать jquery через интернет адрес, то все работает, но при подключении внешнего файли js браузер выдает ошибку 500 (GET http://localhost:8000/catalogue/main.js net::ERR_ABORTED 500 (Internal Server Error)). Прошарил весь интернет и ничего не помогает, адрес файла определяю правильно, т.к. он лежит в папке с html-кой, в js прописано только это: alert("Working!");
В общем, такие мелкие ошибки по невнимательности я исключил. Прошу помочь)

@Kifsif · 29.07.2020, 21:39

Код покажите, пожалуйста.

@anton3d · 29.07.2020, 22:48

collectstatic делал?

@Kifsif · 29.07.2020, 23:21

Сообщение от anton3d

collectstatic

Это зачем ему? Он на локалке.

@Yegorio · 30.07.2020, 05:49 **[ТС]**

JavaScript
1
alert("Working!");

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{% load static %}
<html lang="ru">
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
    <link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" >
    <title>{% block title %}{% endblock %}:: Все для пром.обслуживания</title>
</head>
 
 
<body>
 
 
 
<ul> {{act1.name}} {{act1.description}}</ul>
<ul>
    {% block main %}
    {% endblock %}
</ul>
{% block factory %}
{# <p>{{act.category}}:: Все для пром.обслуживания</p>#}
{# <p>{{ act.name }} {{ act0.description }}</p>#}
{% endblock %}
 
 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="./main.js"></script>
</body>
 
</html>

@Yegorio · 30.07.2020, 05:53 **[ТС]**

Такая вот ошибка в хроме:

@Black Fregat · 30.07.2020, 05:54

Попробуйте оформить статическую ссылку, как сделано в строке 5 для css

@Yegorio · 30.07.2020, 05:55 **[ТС]**

@Yegorio · 30.07.2020, 05:59 **[ТС]**

Там нельзя так сделать, при выборе типа подключаемого файла там отсутствует "javascript"

@Black Fregat · 30.07.2020, 06:08

1) При 500 ошибке нужно смотреть, что сервер джанго пишет в свою консоль
2) Вы оформили ссылку как статическую? Покажите новый код
3) Покажите код сервера на питоне, чтобы можно было повторить

Добавлено через 5 минут

Сообщение от Yegorio

при выборе типа подключаемого файла там отсутствует "javascript"

Где отсутствует? Вы чем темплейт редактирете?

@Yegorio · 30.07.2020, 07:10 **[ТС]**

Вот это в терминале джанги:
Internal Server Error: /catalogue/main.js
Traceback (most recent call last):
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\core\handlers\exception. py", line 34, in inner
response = get_response(request)
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\core\handlers\base.py", line 115, in _get_response
response = self.process_exception_by_middleware(e, request)
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\core\handlers\base.py", line 113, in _get_response
response = wrapped_callback(request, *callback_args, **callback_kwargs)
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\views\generic\base.py", line 71, in view
return self.dispatch(request, *args, **kwargs)
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\views\generic\base.py", line 97, in dispatch
return handler(request, *args, **kwargs)
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\views\generic\base.py", line 158, in get
context = self.get_context_data(**kwargs)
File "C:\Users\T800\PycharmProjects\bullet\bu llet_1\views.py", line 89, in get_context_data
context['category'] = Category.objects.get(name=kwargs['category_name'])
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\db\models\manager.py", line 82, in manager_method
return getattr(self.get_queryset(), name)(*args, **kwargs)
File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\db\models\query.py", line 415, in get
raise self.model.DoesNotExist(
bullet_1.models.Category.DoesNotExist: Category matching query does not exist.
[30/Jul/2020 11:07:18] "GET /catalogue/main.js HTTP/1.1" 500 92786
Not Found: /favicon.ico
[30/Jul/2020 11:07:18] "GET /favicon.ico HTTP/1.1" 404 2082

Статическая ссылка будет так выглядеть?:
<link href="main.js">

Добавлено через 1 час 0 минут
Проект делаю в PyCharm

@anton3d · 31.07.2020, 20:58

я уверен что js можно подключить так:

HTML5
1
<script type="text/javascript" src={% static "js/main.js" %}></script>

где js - папка со скриптом main.js на подобии css/style.css

сто миллионов процентов это так работает - скинь скрипт в статику и все будет хорошо.

@Yegorio · 01.08.2020, 10:40 **[ТС]**

Спасибо, Anton3d, все заработало) Весь интернет перерыл, а оказалось все так просто) только все равно не понятно почему у меня не подключается js также, как и на ютубе

@anton3d · 01.08.2020, 14:42

Yegorio, отлично, просто старайся адаптировать учебные материалы под свой конкретный случай

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Yegorio 1 / 1 / 0 Регистрация: 24.07.2018 Сообщений: 24

	Подключение javascript к html 29.07.2020, 16:17. Показов 3669. Ответов 13 Метки django, html, javascript, python, python django (Все метки) Всем доброго времени суток, начал изучать Python Django, вот решил прикрепить файл js к html, и случилась такая беда при прописывании scriptа внутри тегов <script></script> - все работает, если прописать jquery через интернет адрес, то все работает, но при подключении внешнего файли js браузер выдает ошибку 500 (GET http://localhost:8000/catalogue/main.js net::ERR_ABORTED 500 (Internal Server Error)). Прошарил весь интернет и ничего не помогает, адрес файла определяю правильно, т.к. он лежит в папке с html-кой, в js прописано только это: alert("Working!"); В общем, такие мелкие ошибки по невнимательности я исключил. Прошу помочь) 0

@Kifsif 145 / 113 / 31 Регистрация: 12.06.2011 Сообщений: 1,246
	29.07.2020, 21:39
	Код покажите, пожалуйста. 0

@anton3d 2 / 2 / 0 Регистрация: 08.06.2018 Сообщений: 66
	29.07.2020, 22:48
	collectstatic делал? 0

@Yegorio 1 / 1 / 0 Регистрация: 24.07.2018 Сообщений: 24
	30.07.2020, 05:53 [ТС]
	Такая вот ошибка в хроме: Миниатюры 0

@Black Fregat Фрилансер 3709 / 2082 / 567 Регистрация: 31.05.2009 Сообщений: 6,683
	30.07.2020, 05:54
	Попробуйте оформить статическую ссылку, как сделано в строке 5 для css 0

@Yegorio 1 / 1 / 0 Регистрация: 24.07.2018 Сообщений: 24
	30.07.2020, 05:55 [ТС]
	0

@Yegorio 1 / 1 / 0 Регистрация: 24.07.2018 Сообщений: 24
	30.07.2020, 05:59 [ТС]
	Там нельзя так сделать, при выборе типа подключаемого файла там отсутствует "javascript" 0

@Yegorio 1 / 1 / 0 Регистрация: 24.07.2018 Сообщений: 24
	30.07.2020, 07:10 [ТС]
	Вот это в терминале джанги: Internal Server Error: /catalogue/main.js Traceback (most recent call last): File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\core\handlers\exception. py", line 34, in inner response = get_response(request) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\core\handlers\base.py", line 115, in _get_response response = self.process_exception_by_middleware(e, request) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\core\handlers\base.py", line 113, in _get_response response = wrapped_callback(request, callback_args, callback_kwargs) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\views\generic\base.py", line 71, in view return self.dispatch(request, args, *kwargs) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\views\generic\base.py", line 97, in dispatch return handler(request, args, kwargs) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\views\generic\base.py", line 158, in get context = self.get_context_data(kwargs) File "C:\Users\T800\PycharmProjects\bullet\bu llet_1\views.py", line 89, in get_context_data context['category'] = Category.objects.get(name=kwargs['category_name']) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\db\models\manager.py", line 82, in manager_method return getattr(self.get_queryset(), name)(args, kwargs) File "C:\Users\T800\AppData\Local\Packages\Py thonSoftwareFoundation.Python.3.8_qbz5n2 kfra8p0\LocalCache\local-packages\Python38\site-packages\django\db\models\query.py", line 415, in get raise self.model.DoesNotExist( bullet_1.models.Category.DoesNotExist: Category matching query does not exist. [30/Jul/2020 11:07:18] "GET /catalogue/main.js HTTP/1.1" 500 92786 Not Found: /favicon.ico [30/Jul/2020 11:07:18] "GET /favicon.ico HTTP/1.1" 404 2082 Статическая ссылка будет так выглядеть?: <link href="main.js"> Добавлено через 1 час 0 минут* Проект делаю в PyCharm 0

@Yegorio 1 / 1 / 0 Регистрация: 24.07.2018 Сообщений: 24
	01.08.2020, 10:40 [ТС]
	Спасибо, Anton3d, все заработало) Весь интернет перерыл, а оказалось все так просто) только все равно не понятно почему у меня не подключается js также, как и на ютубе 0

@anton3d 2 / 2 / 0 Регистрация: 08.06.2018 Сообщений: 66
	01.08.2020, 14:42
	Yegorio, отлично, просто старайся адаптировать учебные материалы под свой конкретный случай 0