好的,所以我开始创建一个网站,并陷入两难境地,或者我认为这不是真的低谷:
我希望我的html能够执行“主要”,并且我已经设置了javascript文件,我该怎么做呢,为什么它不起作用?
<body>
<myeasytag id="easy"></myeasytag>
<script src="easy.js">main(); //i don't know if main is a keyword</script>
</body>
这是我的easy.js
function main(){
document.getElementById("easy").innerHTML = "TESTFUNCTION";
}
答案 0 :(得分:0)
您需要在页面加载后运行您的功能。尝试将其添加到页面的脚本部分:
document.addEventListener( "DOMContentLoaded", main, false );
答案 1 :(得分:0)
在main.js中调用main();
看起来像这样
function main(){
document.getElementById("easy").innerHTML = "TESTFUNCTION";
}
main();
这应该做的工作
答案 2 :(得分:0)
JavaScript函数是一段JavaScript代码,可以在&#34;调用&#34;对于。 例如,可以在事件发生时调用函数,例如用户单击按钮时。
示例代码:
embedding into header or footer
&#13;
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
&#13;
现在你想在页面加载时调用函数,只需调用js文件中的函数。
像这样:
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
&#13;
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
myFunction();
&#13;
答案 3 :(得分:0)
欢迎来到网络世界。
您的代码看起来很好 - 但正如我在评论中提到的,您无法将外部脚本文件与本地代码组合在一起。为什么?我不知道为什么。但是,当您还尝试加载脚本时,浏览器将不会执行您的代码。
在您的HTML中也是一个大多数不支持的自定义元素。
更好地做这样的事情:
easy.js:
function main(){
document.getElementById("easy").innerHTML = "TESTFUNCTION";
}
您的HTML文件应如下所示:
<div id="easy"></div>
<script src="easy.js"></script>
<script>
main();
</script>