How to enable javascript on a public website?

Question

I am creating a public site and I use a lot of jQuery and jQueryUI. I noticed that most sites on the Internet using jQuery and jQueryUI do not have this code on their pages.

<script type="text/javascript">
  $(document).ready(function(){

    $("a").click(function(event){
      alert("Thanks for visiting!");
    });

    $( "input:submit" ).button();
  });
</script>

I know this is a simplified example, but most sites, like SO, contain only one obfuscated js file for all pages. It doesn't even look like they are using $ (document) .ready anywhere. On my current site, it seems that I will need to add a js file for each page. My question is how should this be done, and is there any best practice to use / enable javascript on the page?

Answer 1

W3C : http://www.w3schools.com/js/js_whereto.asp

, ?

Ege , , , . . : http://developer.yahoo.com/performance/rules.html#js_bottom

, ( CSS) , , .

CDN script , jQuery .., , , , . , jQuery CDN, . : http://code.google.com/apis/libraries/devguide.html

, $(document).ready, , , . , : http://encosia.com/2010/08/18/dont-let-jquerys-document-ready-slow-you-down/

, .

Answer 2

. , , . js , :

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

.

Answer 3

If you add the file "site.js" at the top or bottom, it doesn't matter if your javascript does not do document.write to put something on the page. Then, of course, upstairs would be desirable. Some people like this at the bottom so that the rest of the page loads before loading the js file, which can sometimes delay page loading if it is a large file.