javascript - 通过 onclick 事件移除 <head> 标签中的特定 <script> 标签-6ren

javascript - 通过 onclick 事件移除标签中的特定 <script> 标签

转载作者：可可西里更新时间：2023-11-01 02:00:32

<head>

    <script type="text/javascript">

        function include(filename, status){
            if(status == 'on'){
                var head = document.getElementsByTagName('head')[0];

                script = document.createElement('script');
                script.src = filename;
                script.type = "text/javascript";

                head.appendChild(script);
            } else {
               // The code that wipes the script tag above
            }
        }

    </script>

</head>

<body>
    <input type="button" value="OPEN" onclick="include('script.js', 'on')">
    <input type="button" value="CLOSE" onclick="include('', 'off')">
</body>

我想通过 onclick 事件删除标签中的特定标签。当我点击“CLOSE”按钮时，ELSE区域应该写什么代码？

最佳答案

最简单的方法是以某种方式维护到已创建元素的链接。例如，您可以将 include 函数放入闭包中并拥有一个私有(private)变量来保存引用:

var include = (function(){
   // the reference to the script
   var theScript;

   return function (filename, status){
     if(status == 'on'){
       // adding a script tag
       var head = document.getElementsByTagName('head')[0];

       theScript= document.createElement('script');
       theScript.src = filename;
       theScript.type = "text/javascript";

       head.appendChild( theScript )
     }else{
       // removing it again
       theScript.parentNode.removeChild( theScript );
     }
   }
})();