1公司网站有几十个html,要引入一个客服系统, 有一个公共的footer.js我想把第三方的js文件用footer.js引入,但是一直不成功.网上的方法都试过了
用document.write() 可以加载第三方插件 但是我自己的html全被清空了,所以说都失败了,
在此恳请大佬指教
第三方文件测试地址http://dht.zoosnet.net/JS/LsJS.aspx?siteid=DHT92906390&float=1&lng=cn
在JavaScript中,你可以使用Promise或async/await来加载远程异步的js文件。以下是两种方法的示例:
```javascript const fetch = require('node-fetch');
async function loadRemoteJSFile(url) {
return new Promise((resolve, reject) => {
const response = await fetch(url);
if (!response.ok) {
reject(new Error(Failed to load remote JS file: ${response.statusText}
);
} else {
resolve(response.text());
}
});
}
loadRemoteJSFile('https://example.com/script.js') .then(text => console.log(text)) .catch(error => console.error(error)); ```
``javascript
async function loadRemoteJSFile(url) {
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error(
Failed to load remote JS file: ${response.statusText}`);
} else {
return response.text();
}
} catch (error) {
console.error(error);
}
}
async function loadRemoteJSFiles() { for (const url of ['https://example.com/script.js', 'https://example.com/script.js']) { const result = await loadRemoteJSFile(url); console.log(result); } }
loadRemoteJSFiles(); ```
在这两个示例中,loadRemoteJSFile
函数接收一个url参数,然后使用fetch函数来获取远程的js文件。如果请求成功,它将返回加载的文本;如果请求失败,它将抛出一个错误。loadRemoteJSFiles
函数使用async/await来异步加载所有的js文件。