在HTML中,可以通过普通JS或jQuery将外部的JS文件写入到<script>标签中。
使用普通JS的方法如下:
以下是使用普通JS的示例代码:
// 创建<script>标签
var script = document.createElement('script');
script.type = 'text/javascript';
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 异步加载外部的JS文件
xhr.open('GET', 'external.js', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 将返回的JS代码写入<script>标签中
script.innerHTML = xhr.responseText;
// 将<script>标签插入到HTML文档中
document.head.appendChild(script);
}
};
xhr.send();
使用jQuery的方法更加简洁,可以使用jQuery的getScript()函数来加载外部的JS文件,并将其写入到<script>标签中。
以下是使用jQuery的示例代码:
// 使用jQuery加载外部的JS文件
$.getScript('external.js', function() {
// 外部的JS文件加载完成后的回调函数
});
通过以上方法,可以将外部的JS文件写入到HTML的<script>标签中,使其在页面加载时执行。
领取专属 10元无门槛券
手把手带您无忧上云