how to import jquery script from separate file
Question
i write me jquery script in html page like this:
<script> function pofileEditable(){
var pFormEditable = $('#profi-form input');
$('#pBtnSave').removeAttr('disabled', '');
$('#pBtnEdit').attr('disabled', 'disabled');
$('#prof-form-anrede').removeAttr('disabled', '');
} </script>
How can I write it in separate file ex like that test.js and import it?
<script type="text/javascript" src="js/test.js"></script>
I don't wont to use javascript method
var edit = document.getElementById("pBtnEdit");
2 answers
solution1
2 2020-06-07 11:52:58
Best practice is to include your js file at the end of the HTML body tag, like this.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- your content here -->
<!-- If you want to use JQuery, load it before your js file here -->
<!-- your own js file -->
<script src = 'path/to-your-js-file/your-js-file.js'></script>
</body>
</html>
solution2
1 ACCPTED 2020-06-07 10:54:02
You just import jquery first and then import your own script:
<script src="jquery-1.6.1.js"></script>
<script src="my_jquery.js"></script>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
jQuery script in Separate file does not work
Import template from separate html file in polymer 3
Import / read variable from separate gulp file
How to properly move jQuery from index page, into separate javascript file?
How to import data from a .csv file and convert it to java script objects?
How to import a script into .vue file?
Execute <script> from separate .php file
Separate arrays from main script file
How to import jQuery from a file using es6
How to import JQuery into a Typescript file?
Related Tags