為了簡單起見，我最初有以下代碼命令，我將它放在 html 檔案中的正文下方。這是我的代碼：
<script>
async function ThemMonHoc() {
MyPopUpPost('Thêm m?n h?c','/ThemMonHoc')
}
async function SuaTen() {
MyPopUpPost('S?a tên m?n h?c','/SuaTenMonHoc')
}
async function MyPopUpPost(title,route) {
var a = await Swal.fire({
title: title,
html: '<input id="Result" type="text"></input>',
showDenyButton: true,
})
var value = $('#Result').val()
if (a.isConfirmed) $.post(route,{a:value})
}
</script>
看來MyPopUpPost函式在其他html檔案中會被多次重用，留在這里的代碼不會很整潔。所以，我把它放在另一個檔案中。
這是我在 UtilitiesForm.js 中的代碼：
export async function MyPopUpPost(title, route) {
var a = await Swal.fire({
title: title,
html: '<input id="Result" type="text"></input>',
showDenyButton: true,
})
var value = $('#Result').val()
if (a.isConfirmed) $.post(route, {
a: value
})
}
回到 html 檔案，我嘗試匯入或要求使用該功能，但它不起作用：
<script>
import {MyPopUpPost} from '/js/UtilitiesForm.js'
async function ThemMonHoc() {
MyPopUpPost('Thêm m?n h?c','/ThemMonHoc')
}
async function SuaTen() {
MyPopUpPost('S?a tên m?n h?c','/SuaTenMonHoc')
}
</script>
有沒有辦法重做公共JS檔案之間的作業？
uj5u.com熱心網友回復：
你有兩個選擇，
- 您可以使用腳本的 src 屬性將檔案匯入 HTML。
看看這個：https : //www.w3schools.com/tags/att_script_src.asp
然后，將您的腳本更改為以下內容，您應該沒問題：
<script src='/js/UtilitiesForm.js'></script>
<script>
async function ThemMonHoc() {
MyPopUpPost('Thêm m?n h?c','/ThemMonHoc')
}
async function SuaTen() {
MyPopUpPost('S?a tên m?n h?c','/SuaTenMonHoc')
}
</script>
- 將 type="module" 添加到您的腳本中。看看這個：https : //developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-type
uj5u.com熱心網友回復：
看來你做對了，只需在腳本標簽中提及型別，確保你的 JS 檔案路徑正確。
<script type="module">
import {MyPopUpPost} from '/js/UtilitiesForm.js'
async function ThemMonHoc() {
MyPopUpPost('Thêm m?n h?c','/ThemMonHoc')
}
async function SuaTen() {
MyPopUpPost('S?a tên m?n h?c','/SuaTenMonHoc')
}
</script>
我建議您檢查此鏈接，如何以 HTML 格式匯入檔案。
uj5u.com熱心網友回復：
如果你想使用 ES6 模塊，你需要type="module"在你的<script>標簽上。
如果您查看瀏覽器的控制臺，它可能會告訴您類似的資訊。
但是如果不使用 ES6 模塊，其實會更簡單；默認情況下，事物將是全域的，您不需要任何匯入/匯出陳述句，您只需將實用程式包含<script>在主<script>代碼之前。
使用哪種樣式取決于您；ES6 模塊更簡潔，但需要更多管理。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/383745.html
標籤：javascript 节点.js 功能 网络 甜蜜警报2