Как использовать внешние файлы .js

У меня есть следующие две функции javascript:

showCountry()

showUser()

Я хотел бы поместить их во внешние файлы .js.

<a href="javascript:showCountry('countryCode')">countryCode</a>

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

Каков правильный синтаксис для вызова этих функций?

Ответ 1

Код, подобный этому

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

Надеюсь, это поможет вам.... спасибо

Ответ 2

Примечание. - Не используйте тег script во внешнем файле 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 Script: -

        function changefont()
            {

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

Ответ 3

В вашем элементе head добавить

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

Ответ 4

Это способ включить внешний 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

Ответ 5

вы можете просто добавить свой java script в сегмент тела, как этот

<body>

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

myscript будет именем файла для вашего javascript. Просто напишите код и наслаждайтесь

Ответ 6

Я надеюсь, что это поможет кому-то здесь: я столкнулся с проблемой, когда мне нужно было использовать JavaScript для управления некоторыми динамически сгенерированными элементами. После включения кода в мой внешний файл .js, на который я ссылался между тегами <script> </script> в главном разделе, и он работал отлично, ничего не работало снова из script. Попробовал использовать инструмент разработчика на FF и он возвратил значение null для переменной, содержащей новый элемент. Я решил перенести тэг script в нижнюю часть html файла непосредственно перед тегом </body> и бинго, и каждая часть script начала снова отвечать на мелкие запросы.