如何在加载第一个脚本后执行脚本

Question

我正在尝试制作一个网络框架，其中一个功能是键值状态管理工具。在 ./script.js 加载后，我只需要运行第二个 <script> 标签。
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>

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

Answer 1

你需要等待你的脚本加载完成，你可以使用这个

window.addEventListener('load', function() {
    Framework.store('name', 'Joe');
})

如何在加载第一个脚本后执行脚本

How to make script execute once the first script is loaded

javascript

html

import

key-value

web-frameworks