gpt4 book ai didi

javascript - 在 html 中正确包含 js 文件和函数

转载 作者:行者123 更新时间:2023-12-03 04:53:40 24 4
gpt4 key购买 nike

我有 2 个文件......一个 html 和一个 js......

html代码:

<!DOCTYPE html
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script type="text/javascript" src="external.js"></script>

<title> Sign In And Registration Page </title>
</head>

<body>

<div id="headerTag">
</div>

///codes here....

</body>
</html>

js代码:这里的一些功能是在点击操作时执行的......

 function onClickOperation ()
{
///here codes..
}

问题是函数没有被调用...当我直接将相同的 js 代码放入 html 文件中时,它可以工作...我需要做什么才能从单独的 js 文件加载这些函数?

最佳答案

external.js 应该在 DOM 完成加载后调用代码,如下所示

document.addEventListener('DOMContentLoaded',function(){
// code here
});

或者它应该包含在它应该与之交互的 DOM 元素下方的 body 标记内

关于javascript - 在 html 中正确包含 js 文件和函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42533418/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com