javascript动态创建script标签并执行js代码

以下是JavaScript动态创建script标签并执行JS代码的完整攻略，包括以下内容：

1. 概述
2. 动态创建script标签的基本用法
3. 动态执行JS代码的基本用法
4. 示例说明

1. 概述

在JavaScript中，可以通过动态创建script标签来加载和执行JS代码。这种方法可以在运行时动态加载JS代码，从而实现更灵活的编程。本文将介绍如何在JavaScript中动态创建script标签并执行JS代码。

2. 动态创建script标签的基本用法

动态创建script标签的基本用法如下：

var script = document.createElement('script');
script.src = 'path/to/script.js';
document.head.appendChild(script);

其中，path/to/script.js是要加载的JS文件的路径。

该代码将创建一个script标签，并将其添加到文档头部。然后，将加载指定路径的JS文件。

3. 动态执行JS代码的基本用法

动态执行JS代码的基本用法如下：

var script = document.createElement('script');
script.textContent = 'console.log("Hello, world!");';
document.head.appendChild(script);

该代码将创建一个script标签，并将其添加到文档头部。然后，将在script标签中执行指定的JS代码。

4. 示例说明

以下是两个示例说明，用于演示动态创建script标签并执行JS代码的用法：

示例1：动态加载JS文件

假设要动态加载一个JS文件，可以使用以下代码：

var script = document.createElement('script');
script.src = 'path/to/script.js';
document.head.appendChild(script);

该代码将创建一个script标签，并将其添加到文档头部。然后，将加载指定路径的JS文件。

示例2：动态执行JS代码

假设要动态执行一段JS代码，可以使用以下代码：

var script = document.createElement('script');
script.textContent = 'console.log("Hello, world!");';
document.head.appendChild(script);

该代码将创建一个script标签，并将其添加到文档头部。然后，将在script标签中执行指定的JS代码。

这些示例可以帮助用户了解在JavaScript中动态创建script标签并执行JS代码的用法，并提供了两个示例说明。在实际使用中，用户需要根据需要选择不同的选项和参数，以满足自己的需求。