如何从html卸载javascript?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (74)

如何从DOM卸载JavaScript资源及其定义的所有对象?

<html>
  <head>
    <script src="page1.js" type="text/javascript"></script>
  </head>
<body>
...测试代码===

<html>
<head>
<script type="text/javascript">
    function loadJSFile(){
        var scriptTag = document.createElement("script");
        scriptTag.setAttribute("type", "text/javascript");
        scriptTag.setAttribute("src", "simple.js");

        var head = document.getElementsByTagName("head")[0];
        head.appendChild(scriptTag);
    }

    function unloadJSFile(){            
        delete window.foo;
        delete window.cleanup;
        alert("cleanedup. typeof window.foo is " + (typeof window.foo));
    }
</script>
</head>
<body>

  Hello JavaScript Delete

  <br/>
  <button onclick="loadJSFile();">Click to load JS</button>
  <br/>
  <button onclick="foo();">call foo()</button>
  <br/>
  <button onclick="unloadJSFile();">Click to unload JS</button>

</body>
</html>

var foo = function(){
    alert("hello from foo");
}
提问于
用户回答回答于

不,那是不可能的。您可以构建一个简单的清理函数,删除该文件中定义的所有变量:

var foo = 'bar';
var cleanup = function () {
    delete window.foo;
    delete window.cleanup;
};

// unload all resources
cleanup();

另一种方法是为您的片段使用一个模块化的对象结构,在它们之后进行清理。这涉及到稍微高一点的开销,但它可能是值得的,因为它使代码更易于阅读和维护:

// creates the object using the second parameter as prototype.
// .create() is used as constructor
GlobalModuleHandlerThingy.addModule('my_module', {
    create: function () {
        this.foo = 'bar';
        return this;
    },
    foo: null,
    destroy: function () {
        // unload events, etc.
    }
});

GlobalModuleHandlerThingy.getModule('my_module').foo; // => bar
GlobalModuleHandlerThingy.unloadModule('my_module'); // calls .destroy() on the module and removes it.
用户回答回答于

这是不可能做到的。

执行脚本时,函数定义将添加到全局window对象。可能会有一些调试符号附加到函数中,这些符号指示函数的来源,但脚本无法使用此信息。

要实现这样的目标,唯一的方法是在脚本中创建一个伪命名空间,然后在完成它时丢弃整个名称空间。然而,这个问题向我暗示,你正试图以错误的方式做某事。也许详细说明您的方案将有助于我们提供其他解决方案。

扫码关注云+社区

领取腾讯云代金券