动态给head添加script

最新推荐文章于 2024-02-26 00:15:00 发布

原创最新推荐文章于 2024-02-26 00:15:00 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #xhtml #url #button #html

笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于动态地向HTML文档的head部分添加script标签。该方法允许指定脚本来源URL或直接插入内联脚本代码。通过一个简单的按钮点击事件演示了如何使用此函数。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态给head添加script</title>
 <script type="text/javascript">
      function addScript(url,inline) {
            var head = document.getElementsByTagName("head")[0];
            var script = document.createElement('script');
            script.type = 'text/javascript';
            if (inline) {
                script.text = url;
            } else {
                script.src = url;
            }
            head.appendChild(script);
        }
 
        function test() {
            addScript('alert("lanlan");',true);
        }
    </script>
</head>

<body>
<center>
<input type="button" value="动态给head添加script" onclick="test()"/>
</center>
</body>
</html>