48

我有以下两个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>

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

4

6 回答 6

58

像这样的代码

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

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

于 2012-07-16T04:33:46.687 回答
21

注意：- 不要在外部 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"; 
            }
于 2015-12-03T07:28:34.943 回答
6

在你的头部元素中添加

<script type="text/javascript" src="myscript.js"></script>
于 2012-07-16T04:30:26.967 回答
3

这是在 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

于 2012-07-16T04:35:27.463 回答
3

您可以像这样简单地将 JavaScript 添加到正文段中：

<body>

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

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

于 2017-07-18T13:02:10.260 回答
1

我希望这对这里的某人有所帮助：我遇到了一个问题，我需要使用 JavaScript 来操作一些动态生成的元素。在将代码包含到我<script> </script>在头部的标签之间引用过的外部 .js 文件中并且它运行良好之后，脚本中没有任何效果。尝试在 FF 上使用开发人员工具，它为持有的变量返回 null 值新元素。我决定将我的脚本标签移动到 html 文件的底部，就在</body>标签和宾果游戏之前，脚本的每个部分都开始再次正常响应。

于 2017-12-08T23:47:39.610 回答