如何使用外部“.js”文件

IT技术 javascript html
2021-01-30 20:44:57

我有以下两个 javascript 函数:

1

showCountry()

2

showUser()

我想把它们放在外部的“.js”文件中

1

<a href="javascript:showCountry('countryCode')">countryCode</a>

2

<form>
 <select name="users" onChange="showUser(this.value)">
 <option value="1">Tom</option>
 <option value="2">Bob</option>
 <option value="3">Joe</option>
 </select>
</form>

调用这些函数的正确语法是什么?

6个回答

像这样的代码

 <html>
    <head>
          <script type="text/javascript" src="path/to/script.js"></script>
          <!--other script and also external css included over here-->
    </head>
    <body>
        <form>
            <select name="users" onChange="showUser(this.value)">
               <option value="1">Tom</option>
               <option value="2">Bob</option>
               <option value="3">Joe</option>
            </select>
        </form>
    </body>
    </html>

我希望它会帮助你....谢谢

@nora 你能把你的代码放在 SO 上吗?我认为代码中有一些错误。
2021-03-22 20:44:57
现在可能已更改,但我将 <script src="aiosdh.js"></script> 放在正文的底部。在其他任何地方,它似乎不起作用?
2021-03-23 20:44:57
@nora 你的问题解决了吗??
2021-03-23 20:44:57
谢谢大家回复我。感谢 Jalpesh Patel 提供快速有效的解决方案。
2021-04-02 20:44:57
@Jalpesh pastebin.com/dcjiRPDL我把它放在一个粘贴箱里,因为它可能在这个评论中不能很好地工作。
2021-04-04 20:44:57

注意:- 不要在外部 JavaScript 文件中使用脚本标签

<html>
<head>

</head>
<body>
    <p id="cn"> Click on the button to change the light button</p>
    <button type="button" onclick="changefont()">Click</button>

     <script src="external.js"></script>
</body>

外部 Java 脚本文件:-

        function changefont()
            {

                var x = document.getElementById("cn");
                x.style.fontSize = "25px";           
                x.style.color = "red"; 
            }

在你的 head 元素中添加

<script type="text/javascript" src="myscript.js"></script>
.. 否则您的 html 文件中的用法不变。但是,您可以更改为“unobtrusive javascript”样式 - 在脚本中将功能附加到您的 html,而不是内联在您的 html 中。 en.wikipedia.org/wiki/Unobtrusive_JavaScript
2021-04-03 20:44:57

这是在 HTML 标记中包含外部 javascript 文件的方法。

<script type="text/javascript" src="/js/external-javascript.js"></script>

external-javascript.js要包含的外部文件在哪里包括它时,请确保路径和文件名是正确的。

<a href="javascript:showCountry('countryCode')">countryCode</a>

上面提到的方法对于锚标签是正确的,并且可以完美地工作。但是对于其他元素,您应该明确指定事件。

例子:

<select name="users" onChange="showUser(this.value)">

谢谢,XmindZ

关于<a>标签的问题已经在这里这里进行了广泛的讨论即使它有效,也不建议将 Javascript 放入href.
2021-03-31 20:44:57

您可以简单地将 JavaScript 添加到 body 段中,如下所示:

<body>

<script src="myScript.js"> </script>
</body>

myScript将是您的 JavaScript 的文件名。只需编写代码并享受!

欢迎使用 StackOverflow。请更具体地描述如何将 JavaScript 文件包含到 HTML 中。
2021-04-12 20:44:57