2016-09-05 10 views
0

У меня есть функция OnClick ниже:Вызов функции OnClick() из отдельного файла

<input type="submit" onclick=logUserIn() value="Log in"> 

, который работал хорошо, когда я имел функцию в моих тегах сценария

<script> 

function logUserIn(){ 
    //does something 
}; 

</script> 

однако есть сейчас извлек его в свой собственный файл с именем log_user_in.js, который находится в папке JS на том же уровне, что и моя папка HTML.

Я включил эту строку <script src="../js/log_user_in.js"></script> в свой html-файл, чтобы найти файл log_user_in.

Однако теперь я получаю сообщение об ошибке (index):13 Uncaught ReferenceError: logUserIn is not defined, когда пытаюсь снова вызвать метод onclick.

Имею ли я ссылку на это правильно или что еще я должен делать?

+1

я думаю, что ваш путь неправильно проверить файл JS в том числе и не –

+0

Вы можете попытаться объявить глобально 'window.logUserIn = функция функции() {// Код здесь} ' –

+0

@MirzaObaid, как я могу это сделать? – Waterman1

ответ

1

Try:

<script src="js/log_user_in.js" type="text/javascript"></script> 
+0

это не сработало – Waterman1

+0

Просто проверьте уровень вашей папки и имя файла js. 'src =" js/log_user_in.js "' не совпадает с 'src =" ../ js/log_user_in.js "' –

0

1- .html файл

<head> 
<script src="js/log_user_in.js"></script> 
</head> 
<body> 
<input type="submit" onclick=logUserIn() value="Log in"> 
</body> 

2- log_user_in.js файл

<script> 

    function logUserIn(){ 
     //does something 
    }; 
</script> 
0

Screenshot

1.HMTL

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="js/script.js"></script> 
    </head> 
    <body> 
     <input type="submit" onclick=logUserIn() value="Log in"> 
    </body> 
    </html> 

2. JS

function logUserIn(){ 
    alert("Hi ok") 
}; 

 Смежные вопросы

  • Нет связанных вопросов^_^