如何解决HTML文件无法识别在外部链接的js文件中定义的功能?
我才刚刚开始学习一些编程知识,但有一个问题我希望有人可以提供帮助,希望我没有什么太明显的东西了。
我正在使用按钮来更改元素的inner-html,但是我试图通过三种方式来做同样的事情。对于第一种方式,我可以做到。对于后两个,我遇到了麻烦,一直在寻找指导:
第一种方法,我要做的是通过单击一个按钮,该按钮的onclick事件属性后面直接定义了一个语句,从而更改了段落元素的innerhtml。这可以正常工作,下面可以看到我使用的代码:
<p id="change1">Does the button below change my text when I click it,based on entering a js function directly behind an onclick event entered as a button attribute?</p>
<button type="button" onclick="document.getElementById('change1').innerHTML = 'Yes_1'">See If It Works_1</button>
第二种方式,我正在尝试通过使用一个按钮来调用我在html文件中的脚本标记中定义的函数的方法。我定义的函数应该执行更改我定义的段落元素的innerhtml的任务。这不起作用,代码示例如下所示:
<p id="change2">Does the button below change my text when I click it,based on calling A Function Defined in script tag within My HTML File on with an onclick event?</p>
<button type="button" onclick="internalfunction()">See If It Works_2</button>
<script>
function internalfunction() {
document.getElementById("change2").innterHTML = "Yes_2";
}
</script>
第三种方式我试图做到与第二种方式相同,只是不调用HTML文件中script标记中定义的函数,而是调用在外部js文件。但是,此文件与计算机上的HTML文件位于同一目录中。现在也无法正常工作。我的代码示例以及链接到js文件的方式如下所示:
<p id="change3">Does This Button That Calls A Function Defined in My External JS File Work?</p>
<button onclick="externalfunction">See If It Works_3</button>
function externalfunction(){document.getElementById("change3").innerHTML="Yes_3"};
<script src="javascript.js"></script>
解决方法
根据注释的帮助和更多的评论,这被确认为一个拼写错误,其中省略了()来调用函数,并且innerHTML拼写错误。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。