Shulou(Shulou.com)06/02 Report--

How to carry out jQuery dynamic loading JS, in view of this problem, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible method.

If you are creating a web2.0 application, your web page will include a large number of JavaScript files, which may slow down your web page. Therefore, it is a good idea to dynamically load JavaScript code into your web page, that is, load them only when they are useful. This strategy can help you reduce the loading time of your web page.

Fortunately, jQuery provides a built-in utility function, and $getScript () provides us with such a method. To realize the dynamic function on the web page. Take a look at the syntax of this function:

$.getScript (url,callback)

Get the script specified by the url parameter and request to the specified server using a GET

Parameters

URL () gets the URL of the script file.

Callback (Function) optional function calls the function in the script file after it is loaded

The specific implementation process is

Load text from a resource

If the string succeeds

Returns the XHR instance, which is used to get the script.

How to use it? see the following method

Let's create a new.js script file

Var testVar = 'New JS Lloyd boys; alert (testVar); function newFun (dynParam) {alert (' You just passed'+ dynParam+'as parameter.');}

HTML code

$.getScript Example $(function () {$('# loadButton') .click (function () {$.getScript ('new.js',function () {newFun (' "getscript")); / / this function is in new.js, which is run when you click click);});}); Load

In the above code, we create a script file for new.js and call it in the body section when the button function is triggered. This has the advantage of reducing the pressure on the server, which is highly recommended.

This is the answer to the question about how to dynamically load jQuery JS. I hope the above content can be of some help to you. If you still have a lot of doubts to solve, you can follow the industry information channel to learn more about it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.