在页面加载后加载多个脚本可以通过以下几种方式实现:
示例:
<script src="script1.js"></script>
<script src="script2.js"></script>
<script>
// 内联脚本代码
// ...
</script>
示例:
window.addEventListener('load', function() {
var script1 = document.createElement('script');
script1.src = 'script1.js';
document.head.appendChild(script1);
var script2 = document.createElement('script');
script2.src = 'script2.js';
document.head.appendChild(script2);
// 动态创建的<script>标签也可以直接在内部编写脚本代码
var script3 = document.createElement('script');
script3.textContent = 'console.log("Hello, World!");';
document.head.appendChild(script3);
});
示例:
<script src="script1.js" async></script>
<script src="script2.js" async></script>
需要注意的是,以上方法中的脚本加载顺序可能会影响脚本的执行顺序。如果某个脚本依赖于其他脚本的执行结果,可以使用回调函数或者Promise等方式来确保脚本的执行顺序。
推荐的腾讯云相关产品:腾讯云CDN(内容分发网络)可以加速静态资源的加载,提高页面加载速度和用户体验。详情请参考腾讯云CDN产品介绍:https://cloud.tencent.com/product/cdn
领取专属 10元无门槛券
手把手带您无忧上云