微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML文件无法识别在外部链接的js文件中定义的功能?

如何解决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文件的方式如下所示:

这是我的HTML文件中的代码

 <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>

这是我要在外部js文件调用函数

 function externalfunction(){document.getElementById("change3").innerHTML="Yes_3"};

这是我链接到js文件的方式,将其输入到html文件的开头:

  <script src="javascript.js"></script>

解决方法

根据注释的帮助和更多的评论,这被确认为一个拼写错误,其中省略了()来调用函数,并且innerHTML拼写错误。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。