我正在嘗試制作一個 Web 框架,其中一個功能是鍵值狀態管理工具。我需要第二個<script>標簽只在./script.js加載后運行。
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./framework.js"></script>
</head>
<body>
<p f-text="name"></p>
<script>
Framework.store('name', 'Joe');
</script>
</body>
</html>
框架.js:
document.querySelectorAll('*').forEach((element) => {
if (element.hasAttribute('f-text')) {
const textValue = element.getAttribute('f-text');
const key = window.fStore.find((x) => x.key === textValue);
element.innerHTML = key.value;
}
});
window.Framework = {
store: (key, value?) => {
if (!value) {
const foundKey = window.fStore.find((x) => x.key === key);
return foundKey.value;
}
window.fStore = [...window.fStore, { key: key, value: value }];
}
}
錯誤:
SyntaxError: Unexpected token ')'
at /framework.js:12:22
ReferenceError: Framework is not defined
at /:12:5
uj5u.com熱心網友回復:
你需要等待你的腳本被加載,你可以使用這個
window.addEventListener('load', function() {
Framework.store('name', 'Joe');
})
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/363212.html
標籤:javascript html 进口 核心价值 网络框架
下一篇:減少總和并減去嵌套陣列
