html动态加载script
在HTML中动态加载script标签,可以通过JavaScript实现。以下是一个简单的示例,演示如何动态创建一个script标签,并将其添加到文档中:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dynamic Script Loading</title>
</head>
<body>
<script>
function loadScript(url) {
// 创建一个新的script标签
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// 将script标签添加到head中
document.head.appendChild(script);
}
// 调用函数加载指定的脚本
loadScript('https://example.com/my-script.js');
</script>
</body>
</html>
在这个例子中,loadScript
函数接受一个URL作为参数,创建一个新的script元素,并设置其src
属性为传入的URL。然后,这个新创建的script标签被添加到文档的head
中。这种方法可以动态加载任何JavaScript文件。
评论已关闭