簡體   English   中英

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

[英]How to use external “.js” files

我有以下兩個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>

調用這些函數的正確語法是什么?

像這樣的代碼

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

我希望它會對你有所幫助....謝謝

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

在你的頭元素添加

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

這是向您添加外部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

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

<body>

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

myScript將是JavaScript的文件名。 只需編寫代碼即可享受!

我希望這可以幫助這里的人:我遇到了一個問題,我需要使用JavaScript來操作一些動態生成的元素。 將代碼包含到外部.js文件中后,我在頭部的<script> </script>標記之間引用了它並且它工作正常, </script>沒有任何工作。使用FF上的開發人員工具和它為包含新元素的變量返回null值。 我決定將我的腳本標記移動到</body>標記之前的html文件的底部,賓果游戲的每個部分都開始再次響應。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM