Src file inclusion seems to cause functions not to run

Src file inclusion seems to cause functions not to run

When I keep the src=xxx in the file, the text changes do not work. BUT when I remove it, so the <script src=...> is just <script>, the mouseover, etc., are correctly handled.

When I have this file reference in another html file, it works just fine. So, it seems not to be the reference to the file. But if it's not that, then what?

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
  5. function addunderline()
  6. {
  7.     head1.style.textDecoration = "underline"
  8. }

  10. function removeunderline()
  11. {
  12.     head1.style.textDecoration = "none"
  13. }

  15. function addoverline()
  16. {
  17.     head1.style.textDecoration = "overline"
  18. }
  19.  
  20. </script>
  21. <meta charset=utf-8 />
  22. <title>TEST4</title>
  23. </head>
  24. <body>
  25. <h1 id="head1" onMouseover="addunderline()" onMouseout="removeunderline()" onClick="addoverline()">Welcome to this page!</h1>
  26.   <label for="example">maxlength="10"</label>
  27.   <input type="textbox" id="example" maxlength="10"/>
  28. </body>
  29. </html>