HTML文件中的主要javascript函数

时间:2017-08-08 14:41:08

标签: javascript html

好的,所以我开始创建一个网站,并陷入两难境地,或者我认为这不是真的低谷:

我希望我的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";
}

4 个答案:

答案 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;对于。 例如,可以在事件发生时调用函数,例如用户单击按钮时。

示例代码:

&#13;
&#13;
embedding into header or footer
&#13;
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
&#13;
&#13;
&#13;

现在你想在页面加载时调用函数,只需调用js文件中的函数。

像这样:

&#13;
&#13;
<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;
&#13;
&#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>