在HTML里的JavaScript里，如何实现动态加载script标签的脚本内容

概念
动态加载脚本是指在页面运行时通过JavaScript代码动态加载外部脚本文件。动态加载脚本可以通过多种方式实现，例如通过创建script元素，或者通过XMLHttpRequest对象和eval()函数等方式。相比于使用

优势
动态加载脚本的方式相比于静态引入脚本，具有以下优势：

减少页面加载时间：静态引入脚本会在页面加载时一并下载和解析，而动态加载脚本可以在需要时才下载和解析，可以减少页面加载时间。

更加灵活：动态加载脚本可以通过JavaScript代码控制加载时机和顺序，可以实现更加灵活的控制。

减少带宽占用：动态加载脚本可以按需加载，可以减少带宽占用，提升页面性能。

实现方式
动态加载脚本可以通过多种方式实现，以下是其中的两种常用方式。

创建script元素
动态加载脚本最常见的方式是通过创建script元素，通过设置其src属性来加载外部脚本。创建script元素可以使用document.createElement()方法创建一个新的script元素，然后通过设置其src属性来加载指定的脚本文件。例如：

javascript
Copy code
var script = document.createElement('script');
script.src = 'http://example.com/myscript.js';
document.head.appendChild(script);

以上代码将动态创建一个script元素，并设置其src属性为http://example.com/myscript.js。然后将该script元素添加到页面头部的文档对象模型（DOM）中。当浏览器执行到这段代码时，会动态加载指定的脚本文件。