Three ways to introduce (call) another js file into a js file

For example, I wrote a JS file, which requires another JS file to be called. How to implement it? Let's summarize the implementation of introducing another js file into the js file

Method 1, add the following code at the top of the call file

function addScript(url){
	("<script language=javascript src="+url+"></script>");
}

Note: Sometimes the file you reference may also need to reference other js, and we need to reference the required js file in the same way.

Method 2: Write the following code in js:

function addScript(url){
	var script = ('script');
	('type','text/javascript');
	('src',url);
	('head')[0].appendChild(script);
}

Using ("script") a script tag is generated and its type attribute is set to text/javascript.

Method 3: Use export and import in es6 to achieve modularization

A js file represents a js module. There are two situations for ES6 to introduce external modules:

1. Import external variables or functions, etc.;

import {firstName, lastName} from './test';

2. Import external modules and execute them immediately

import './test'
//implement，But no variables are imported

The above is the detailed content of three methods to introduce (call) another js file into a js file. For more information about introducing another js file into a js file, please pay attention to my other related articles!