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

问题描述 投票:42回答:6

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

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

javascript html
6个回答
54
投票

像这样的代码

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

我希望它会对你有所帮助....谢谢


20
投票

注意: - 不要在外部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>

外部Javascript文件: -

        function changefont()
            {

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

5
投票

在你的头元素添加

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

3
投票

这是向您添加外部JavaScript文件HTML标记的方法。

<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


3
投票

您可以在主体细分中添加JavaScript,如下所示:

<body>

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

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


0
投票

我希望这可以帮助这里的人:我遇到了一个问题,我需要使用JavaScript来操作一些动态生成的元素。在将我的外部.js文件包含在头部的<script> </script>标签之后的代码中,然后它完美地运行后,脚本再次无效。在FF上使用开发人员工具并且返回null值为变量持有新元素。我决定在</body>标签和宾果游戏之前将我的脚本标签移动到html文件的底部,并且脚本的每个部分都开始再次响应。

© www.soinside.com 2019 - 2024. All rights reserved.