48

私は次の2つの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

これは、外部の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

于 2012-07-16T04:35:27.463 に答える
3

次のように、JavaScriptをbodyセグメントに追加するだけです。

<body>

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

myScriptJavaScriptのファイル名になります。コードを書いて楽しんでください！

于 2017-07-18T13:02:10.260 に答える
1

これがここで誰かに役立つことを願っています。動的に生成された要素を操作するためにJavaScriptを使用する必要があるという問題が発生しました。ヘッドセクションのタグ間で参照した外部.jsファイルにコードを含めた後、<script> </script>完全に機能しましたが、スクリプトからは何も機能しませんでした。FFで開発者ツールを使用してみたところ、変数保持に対してnull値が返されました。新しい要素。スクリプトタグをタグの直前のhtmlファイルの一番下に移動し、スクリプトの</body>すべての部分が再び正常に応答し始めることにしました。

于 2017-12-08T23:47:39.610 に答える