load js file on mouseover javascript

Question

Hi guys is it possible to load js file on some event like mouseover or click. I try to load whole js file not specific function.Thanks in advance.

Answer 1

This example loads the specified js file on onClick() event of button

<button onclick="myFunction()">Click me</button>

<script type="text/javascript">
   function myFunction(){

          var file = document.createElement("script");
          file.setAttribute("type", "text/javascript");
          file.setAttribute("src", "js/js_file.js");
          document.getElementsByTagName("head")[0].appendChild(file);

   }
</script>

Similarly, you can also load the js on onMouseOver() event of the button or any other HTML element.

Answer 2

Example using jQuery

 <!DOCTYPE html>
    <html>
        <head>
            <title>Test</title>
            <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#myButton').mouseenter(function() {
                        $("head").append($("<script />").prop("type", "text/javascript").prop("src", "http://code.jquery.com/jquery.mobile-1.2.0.js"));
                    });
                });
            </script>
        </head>
        <body>
            <input type="button" id="myButton" value="CLICK" />
        </body>
    </html>

load js file on mouseover javascript

Question

2 answers

solution1
1 ACCPTED 2012-12-14 11:29:25

solution2
0 2012-12-14 11:26:21

load js file on mouseover javascript

Question

2 answers

solution1 1 ACCPTED 2012-12-14 11:29:25

solution2 0 2012-12-14 11:26:21

solution1
1 ACCPTED 2012-12-14 11:29:25

solution2
0 2012-12-14 11:26:21