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");

Fazal Mehmood · Accepted Answer · 2020-06-07 11:52:58Z

2

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>

answered Jun 7, 2020 at 11:52

Fazal Mehmood

4892 gold badges7 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

NovyLevi · Accepted Answer · 2020-06-07 10:54:02Z

1

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>

answered Jun 7, 2020 at 10:54

NovyLevi

5773 gold badges8 silver badges20 bronze badges

Collectives™ on Stack Overflow

how to import jquery script from separate file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related