关于单页Web应用js对象资源释放问题

iamlichao 发布于 2014/05/14 17:31
阅读 265
收藏 0

单页应用中,一般定义一个div作为加载其他页面的容器。如果被加载的页面中定义了全局的js变量,那么即使这个div去加载其他页面,上一个页面中定义的js变量依然不会被释放。请问各位大侠一般怎么处理被加载页面中定义的变量?这样说有点抽象,举例说明:

假设有两个HTML页面,A页面是一个框架页,B页面是一个内容页,两个页面的内容伪代码如下

A.html,这是一个框架页

<html>
//....
<div id="main-container">
//....
<script>
function load(url)
{
//1、加载页面B.html到Div(main-container)中,B.html中定义了变量
//2、然后加载C.html到Div中
//3、此时B.html中定义的变量仍然可以被访问到
}
</script>
</html>



B.html,里面是页面片段,加载到A.html中才能正常查看

<div>
//....
</div>

<script>
var testVar="这里定义了一个全局的变量";
</script>



以下是问题补充:

@iamlichao:只要做单页应用,就必须碰到这个问题啊,怎么没人感兴趣呢? (2014/05/15 08:19)
加载中
0
wwwcom
wwwcom
我也存在这样的问题,谁知道怎么解决??
wwwcom
wwwcom
回复 @iamlichao : 十分感谢,我们也参考一下
iamlichao
iamlichao
没找到完美的解决办法,目前是通过自调用匿名函数来封装页面的私有变量,公共变量设置到dom节点上共享。
返回顶部
顶部