Is it possible to create a JS file for all pages?

Question

I have several pages, I wonder if it is possible to use the same JS on the same page.

For example:

I have a HOME page, where I carry the pages "son" inside a div (content), but for each page, I need to create a new file JS.

$("#lista_cli").click(function(){
    $('#content').css('display', 'none');
    $("#content").load('lista_clientes.php');
    $("#content").fadeIn(2000);
});

$("#cadastro_cli").click(function(){
    $('#content').css('display', 'none');
    $("#content").load('cadastra_cliente.php');
    $("#content").fadeIn(2000); 
});

I’ve been doing some tests, at some point, when I give a ALERT in the archive JS of the home page, in one content of the other page (after loaded), it displays me a alert correctly, however the requests AJAX don’t work. Maybe I got a little confused, but basically:

It is possible to use the same JS on several pages? is recommended?

Answer 1

If the code in the JS file is common to more than one page, you can certainly reuse it, not only can it but it should, after all this is one of the main advantages of separating javascript code into a separate html file.

To use the same file on more than one page, simply import it into your html pages, e.g..:

<script src="meuScript.js"></script>