如何使用外部".js"文件

bls*_*lsn 43 html javascript

我有以下两个javascript函数:

1

showCountry()
Run Code Online (Sandbox Code Playgroud)

2

showUser()
Run Code Online (Sandbox Code Playgroud)

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

1

<a href="javascript:showCountry('countryCode')">countryCode</a>
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

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

Jal*_*tel 56

像这样的代码

 <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>
Run Code Online (Sandbox Code Playgroud)

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


小智 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>
Run Code Online (Sandbox Code Playgroud)

外部Java脚本文件: -

        function changefont()
            {

                var x = document.getElementById("cn");
                x.style.fontSize = "25px";           
                x.style.color = "red"; 
            }
Run Code Online (Sandbox Code Playgroud)


wal*_*rii 6

在你的头元素添加

<script type="text/javascript" src="myscript.js"></script>
Run Code Online (Sandbox Code Playgroud)

  • ..否则你的html文件中的用法不变.但是,您可以更改为"不显眼的javascript"样式 - 在您的脚本中将功能附加到您的html,而不是在您的html中内联.http://en.wikipedia.org/wiki/Unobtrusive_JavaScript (4认同)