Подключение HTML-файла к index.html

@bigrub · Регистрация: 08.06.2015

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

Привет, какая чепуха вроде, но чего-то не получается. Есть три файла(index.html, test.html, test.js). В index.html нужно подключить test.html. Делаю я это так
код index.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <link rel="inport" href="test.html">
    </head>
    <body>
        
    </body>
</html>

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
31
32
33
<!DOCTYPE html>
 
<html>
    
    <head>
        <title>Tests</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.1.0/mocha.js"></script>
        <script>
            mocha.setup('bdd');
        </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/2.0.0/chai.js"></script>
        <script>
            var assert = chai.assert;
        </script>
    </head>
 
    <body>
        <script>
            function pow(x, n) {
               return 8;
            }
        </script>
        <script src="test.js"></script>
        <div id="mocha"></div>
        <script>
            mocha.run();
        </script>
        
    </body>
    
</html>

JavaScript
1
2
3
4
5
6
7
describe("pow", function() {
 
  it("возводит в n-ю степень", function() {
    assert.equal(pow(2, 3), 8);
  });
 
});

Что не так? Потому что test.html не подключается к index.html

@Июнь · 29.07.2015, 15:54

HTML5
1
rel="import"

Никогда этим не пользовалась. Оно вам точно надо?

@bigrub · 29.07.2015, 16:02 **[ТС]**

HTML5
1
rel="import"

Это я опечатку сделал, пока сюда скидывал, но я и так тоже пробовал. А не нужно? Есть файл в котором много кода и его хочется вынести в отдельный файл, а потом его подключить в index.html. Как еще это сделать?

@Июнь · 29.07.2015, 16:28

Как обычно:

HTML5
1
2
<link rel="stylesheet" href="">
<script src=""></script>

Если нужно вставить HTML, тогда уже используйте серверные средства или в крайнем случае вставляйте с помощью JS.

zhibirc · 29.07.2015, 16:47

Фреймы?

@Fedor92 · 29.07.2015, 17:35

bigrub, во-первых у Вас отсутствует тот участок кода, который будет добавлять содержимое из экспортируемого файла в тот файл куда Вы хотите добавить его содержимое... Во-вторых данная фича поддерживается в Chrome и Opera(на сафари не пробовал) ... Mazila и IE дали отрицательный ответ... Так что у Вас два варианта:

1. Первый предложила Июнь...

Сообщение от Июнь

Если нужно вставить HTML, тогда уже используйте серверные средства или в крайнем случае вставляйте с помощью JS.

AJAX в помощь...

2. Второй вариант предложил zhibirc...

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

Фреймы?

@Forsy · 02.08.2015, 14:08

А если с помощью этого https://ru.wikipedia.org/wiki/... ирование)?

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера . . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

zhibirc 651 / 236 / 77 Регистрация: 18.02.2013 Сообщений: 784
	29.07.2015, 16:47
	Фреймы? 0

@Forsy 0 / 0 / 0 Регистрация: 25.09.2014 Сообщений: 4
	02.08.2015, 14:08
	А если с помощью этого https://ru.wikipedia.org/wiki/... ирование)? 0