Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Summary of methods for dynamically loading js_javascript skills

Summary of methods for dynamically loading js_javascript skills

WBOY
Release： 2016-05-16 16:14:20
Original
916 people have browsed it

The examples in this article summarize the methods of dynamically loading js. Share it with everyone for your reference. The details are as follows:

Method 1: Direct document.write (asynchronous)

Copy code The code is as follows:
");

Since this method is asynchronous loading, document.write will rewrite the interface, which is obviously not practical
Method 2: Dynamically change the src attribute of an existing script (asynchronous)

Copy code The code is as follows:

This method will not change the interface elements or rewrite the interface elements, but it will also be loaded asynchronously
Method 3: Dynamically create script elements (asynchronous)

Copy code The code is as follows:
<script><br> var body= document.getElementsByTagName('BODY').[0]; <br> var script= document.createElement("script"); <br> Script.type = "text/javascript"; <br> Script.src="xx.js"; <br> body.appendChild( oScript); <br> </script>

The advantage of this method compared to the second method is that there is no need to write a script tag in the interface at the beginning. The disadvantage is asynchronous loading

Method 4: XMLHttpRequest/ActiveXObject loading (asynchronous)

Copy code The code is as follows:
/**
* Load js script asynchronously
* @param id The id of the
Latest Articles by Author
Latest Issues
Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
From 2024-04-06 22:01:35
0
3
816
Dynamically modify inline CSS styles in Javafx I'm trying to change the background image of a pane when the application is maximized. My ...
From 2024-04-06 20:57:16
0
1
487
Problems encountered when using opentbs to generate odt files: values ​​of the same key are displayed in the same row instead of separate columns. I'm using a library called OpenTbs to create odt using PHP, I'm using it because columns a...
From 2024-04-06 20:18:18
0
1
483
In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...
From 2024-04-06 19:23:03
0
1
411
CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}
From 2024-04-06 19:25:49
0
1
505
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template

Public welfare online PHP training，Help PHP learners grow quickly！

About us Disclaimer Sitemap

© php.cn All rights reserved