JavaScript中变量的相互引用

更新时间：2010年05月10日 11:41:48 作者：

变量相互引用的原因是：由于某些类型的变量是按地址存储的而导致的两个或多的参数的值互相影响.

测试如下：

关于对节点对象操作产生的影响：

由于是函数是按值传递，所以在插入节点时，引用的是节点本身，而不是它的一个克隆，所以节点被转移了

如：

最后一个是关于节点的移除的，本来以为用innerHTML=""来移除元素内容的话，在IE中会把创建的节点从内存中彻底消除，事实并非如此，而是产生了很奇怪的现象：

如：

<!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> body{ font-family:"微软雅黑","Times New Roman", Times, serif; font-size:12px;} .c2{ border:1px solid #ccc; width:500px; height:150px;} .c1{ border:2px solid #000; width:300px; height:100px;} .c3{ border:1px solid #ccc; width:100px; height:50px;} </style> </head> <body> <p>来回重复点击add_div和inner试试，会发现奇怪的现象。点击alert，又会发现创建的div没从内存清除。用removeChild方法会很正常的表现</p> <div id="div2" class="c2"></div> <input type="button" value="add_div" /> <input type="button" value="inner" /> <input type="button" value="remove" /> <input type="button" value="alert" /> <script type="text/javascript"> if(!+"\v1"){}else alert("请在IE下测试"); var elem=document.createElement("div"); elem.className="c1"; elem.innerHTML="creatediv c1"; var elem2=document.createElement("div"); elem2.className="c3"; elem2.innerHTML="creatediv c3"; elem.appendChild(elem2); var div2=document.getElementById("div2"); var inputs=document.getElementsByTagName("input"); inputs[0].onclick=function(){div2.appendChild(elem);}; inputs[1].onclick=function(){div2.innerHTML=""}; inputs[2].onclick=function(){div2.removeChild(elem)}; inputs[3].onclick=function(){alert(elem+elem2)}; </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js实现iPhone界面风格的单选框和复选框按钮实例
这篇文章主要介绍了js实现iPhone界面风格的单选框和复选框按钮,涉及javascript动态操作页面元素样式的相关技巧,非常美观大方,需要的朋友可以参考下
2015-08-08
浅谈layer的iframe弹窗给里面的标签赋值的问题
下面小编就为大家带来一篇浅谈layer的iframe弹窗给里面的标签赋值的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
JavaScript canvas实现围绕旋转动画
这篇文章主要为大家详细介绍了JavaScript canvas实现围绕旋转动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
本篇文章主要围绕js url 参数值展开话题，js根据key值获取url中的参数值，接着把url的参数转换成json，感兴趣的朋友一起来学习吧，本文写的不好地方还望多多指出批评建议
2015-08-08
使用JS location实现搜索框历史记录功能
这篇文章主要介绍了使用JS location实现搜索框历史记录功能，本文通过实例代码讲解的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-12-12
Bootstrap零基础入门教程(三)
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。本文重点给大家介绍Bootstrap零基础入门教程(三) ，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
2016-07-07
JavaScript模块化之使用requireJS按需加载
RequireJS 可以帮助用户异步按需的加载 JavaScript 代码，并解决 JavaScript 模块间的依赖关系，提升了前端代码的整体质量和性能
2017-04-04
原生JS绑定滑轮滚动事件兼容常见浏览器
滑轮滚动页面的事件在网页特效中进场遇到，下面通过示例为大家介绍下原生JS绑定滑轮滚动事件并兼容浏览器
2014-06-06
JavaScript中arguments的使用方法详解
这篇文章主要给大家介绍了关于JavaScript中arguments的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12
详解ES6语法之可迭代协议和迭代器协议
这篇文章主要介绍了详解ES6语法之可迭代协议和迭代器协议,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-01-01