How use export in an HTML
Question
When I have extern javascript file with an export-statement how can I call this in an HTML ?
- An import in a
<script>tag also doesn't work. - an include over the
<head>gives me a "Unexpected token export" error
For example: my extern js-File
export function myFunction(text) { return text; }
My HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script src="myExternFile.js"> </script>
</head>
<body>
<script>
console.log(myFunction("some text"));
</script>
</body>
</html>
2 answers
solution1
2 ACCPTED 2018-06-01 11:29:33
According to ECMAScript modules in browsers you can do it with <script type="module">
<script type="module">
import {myFunction} from './myExternalFile.js';
console.log(myFunction("some text"));
</script>
solution2
1 2018-06-01 11:28:46
Your function will work without the export. Just make sure to call it between the script tags.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to export a Codepen to use in HTML for sites
How to use HTML with JS in React app to export component
How to use $compile in Angular to export HTML to external function
webpack export JavaScript class and use in HTML
How to Export HTML Table to PDF
how to use html2canvas and jspdf to export to pdf in a proper and simple way
How do you export react library component with hooks to use in html file?
How to import variable from another html file? (I use import/export, but error occurs)
how to use export method in jsplumb?
How export and use models in sequelize
Related Tags