How can I import JS and HTML from a file?

Question

Example import found in js file Please adjust it so that the code is saved in the js file Hello Please Help Example import found in js file Please adjust it so that the code is saved in the js file

 <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>

file b.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>

Answer 1

You can use XMLHttpRequest in javascript to request data from the server.
file.open("GET", "b.js"); can be used to open the file.
file.responseText is used to get data from that file.

Note:

Use this code on web server (local or online) to avoid CORS policy in some browsers.

<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>

Thank you

How can I import JS and HTML from a file?

Question

1 answers

solution1
0 2020-07-11 14:34:26

How can I import JS and HTML from a file?

Question

1 answers

solution1 0 2020-07-11 14:34:26

solution1
0 2020-07-11 14:34:26