HTML文件中的主javascript函数
好吧,于是我开始制作一个网站,遇到了一个两难的问题,也许我并不认为这是真的: 我希望我的html能够执行一个“main”,显然我已经设置了javascript文件,我应该怎么做,为什么它不工作?HTML文件中的主javascript函数,javascript,html,Javascript,Html,好吧,于是我开始制作一个网站,遇到了一个两难的问题,也许我并不认为这是真的: 我希望我的html能够执行一个“main”,显然我已经设置了javascript文件,我应该怎么做,为什么它不工作? <body> <myeasytag id="easy"></myeasytag> <script src="easy.js">main(); //i don't know if main is a keyword</script> </b
<body>
<myeasytag id="easy"></myeasytag>
<script src="easy.js">main(); //i don't know if main is a keyword</script>
</body>
加载页面后,需要运行函数。尝试将此添加到页面的脚本部分:
document.addEventListener( "DOMContentLoaded", main, false );
调用main()代码>在main.js中
看起来像这样
function main(){
document.getElementById("easy").innerHTML = "TESTFUNCTION";
}
main();
这应该可以完成这项工作JavaScript函数是一块JavaScript代码,可以在“调用”时执行。
例如,可以在事件发生时调用函数,如用户单击按钮时
示例代码:
函数myFunction(){
document.getElementById(“demo”).innerHTML=“段落已更改。”;
}
网页
段落
试试吧
欢迎来到网络世界
您的代码看起来不错,但正如我在评论中提到的,您不能将外部脚本文件与本地代码结合起来。为什么?我不知道为什么。但是,当您同时尝试加载脚本时,浏览器不会执行您的代码
在你的HTML中还有一个自定义元素,它大部分还不受支持
所以最好这样做:
<div id="easy"></div>
<script src="easy.js"></script>
<script>
main();
</script>
easy.js:
function main(){
document.getElementById("easy").innerHTML = "TESTFUNCTION";
}
您的HTML文件应该如下所示:
<div id="easy"></div>
<script src="easy.js"></script>
<script>
main();
</script>
main();
不能将加载脚本和调用函数的脚本标记组合在一起为什么我不能将它们组合在一起?我知道这只是另一行,我只是希望我的文件看起来干净。因为只加载了源代码,但是主函数
不会执行。哇,我甚至没想到,哈哈。但是为什么我不能在脚本标记中加载它呢?你不能在脚本标记上添加脚本和在脚本标记上添加src