gpt4 book ai didi

javascript - 无法使用同一脚本元素的 "src"中定义的函数吗?

转载 作者:行者123 更新时间:2023-11-28 11:35:14 25 4
gpt4 key购买 nike

我正在尝试编写一些 js 代码来:

  • 创建导航菜单
  • 使用 js 创建 header 、nav、ul 和 li 元素
  • 自动调用

这是 HTML:

<!DOCTYPE html>
<html>
<head>
<script src="js1.js">
cHeader();
</script>
</head>
<body>
</body>
</html>

这是js:

function cHeader(){
var header = document.createElement("header");
var body = document.getElementById("body");
body.appendChild(header);
var ul = document.createElement("ul");
header.appendChild(ul);
var li = document.createElement("li");
ul.appendChild(li);
var liNode = document.createTextNode("Home");
li.appendChild(liNode);
}

当我尝试通过 <body onLoad="cHeader()"> 调用该函数时或与 <script>cHeader()</script>在 html 中,我在 Chrome 中的控制台返回:

Uncaught ReferenceError: cHeader is not defined index.html:19
(anonymous function)

尽管如此,即使我尝试内联脚本标记,代码也不会执行任何操作。

最佳答案

<script src="js1.js">
cHeader();
</script>

应该是:

<script src="js1.js"></script>
<script>cHeader();</script>

<script>标记为 src属性内部不应包含任何内容。

相反,加载脚本后,您需要在另一个 <script></script> 中调用它

关于javascript - 无法使用同一脚本元素的 "src"中定义的函数吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23600305/

25 4 0
文章推荐: javascript - 在没有 "shrinking effect"的时间段后隐藏元素?
文章推荐: javascript - 使背景变暗 - 不影响元素本身。 (覆盖?)
文章推荐: javascript - 如何使 视频适合父容器的宽度和高度