This time I will show you how to load jquery.js in a JS file, and what are the precautions on how to load jquery.js in a JS file. The following is a practical case, let's take a look.
There is a requirement recently:
1. Only one JS file can be introduced into an html, and no JS code or other JS files can be introduced;
2. This JS Other JS files must be introduced into the file;
3. All JS functions are written in this JS file. These codes use jquery-related stuff, so the first thing that needs to be solved here is how to introduce jquery. js.
1.js
// by firefoxmmx var script=document.createElement("script"); script.type="text/javascript"; script.src="jquery.js"; document.getElementsByTagName('head')[0].appendChild(script); setTimeout(function(){ $(document).ready(function(){ $("#bt").click(function(){ alert('Hello World'); }); }); },100);
1.html code is as follows:
<html> <head> <script type="text/javascript" src="1.js"></script> </head> <body> <input type="button" id="bt" value="Click" /> </body> </html>
Here are some methods from the Internet:
1. Direct document.write<script language="javascript"> document.write("<script src='test.js'><\/script>"); </script>
<script src='' id="s1"></script> <script language="javascript"> s1.src="test.js" </script>
<script> var oHead = document.getElementsByTagName('HEAD').item(0); var oScript= document.createElement("script"); oScript.type = "text/javascript"; oScript.src="test.js"; oHead.appendChild( oScript); </script>
What are the ways to automate vue forms
How to build a forum with node bootstrap
The above is the detailed content of How to load jquery.js inside JS file. For more information, please follow other related articles on the PHP Chinese website!