Как я могу импортировать JS и HTML из файла? - PullRequest
Новая
       1

Как я могу импортировать JS и HTML из файла?

0 голосов
/ 11 июля 2020

Пример импорта найден в файле js Пожалуйста, настройте его так, чтобы код сохранялся в файле js Здравствуйте, пожалуйста, помогите Пример импорта найден в файле js Пожалуйста, настройте его так, чтобы код сохранялся в js файл 

<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>table</title>
</head>
<script>
  function myim() {
    a.innerHTML = import code in b.js
  }
</script>

<body >
 <div id="a" align="center">
 </div>

<p>
 <input type="button" name="go" id="bn" value="import" onclick="myim()"></p>
</body>

</html>

файл б. js

    <table border="1" cellpadding="0" style="border-collapse: collapse" width="80" dir="rtl">
        <tr>
            <td>&nbsp;<span lang="en">number</span></td>
        </tr>
        <tr>
            <td>1</td>
        </tr>
        <tr>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
        </tr>
    </table>

1 Ответ

0 голосов
/ 11 июля 2020

Вы можете использовать XMLHttpRequest в javascript для запроса данных с сервера.
file.open("GET", "b.js"); можно использовать для открытия файла.
file.responseText используется для получения данных из этого файла.

Примечание:

Используйте этот код на веб-сервере (локальном или в сети), чтобы избежать политики CORS в некоторых браузерах. 
<html dir="rtl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>table</title>
</head>
<script>
  function myim() {
    var file = new XMLHttpRequest();
    file.open("GET", "b.js");
    file.onreadystatechange = function (){
        content = file.responseText;
        document.getElementById('a').innerHTML = content;
    }
    file.send(null);
  }
</script>

<body >
    <div id="a" align="center"></div>

    <p><input type="button" name="go" id="bn" value="import" onclick="myim()"></p>
</body>

</html>

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...