JavaScript中变量的相互引用

网络编程 2025/2/6 佚名

3 2 1

幽灵资源网 Design By www.bzswh.com

测试如下：

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

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

如：
<!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"> .c2{ border:1px solid #ccc; width:100px; height:100px;} .c1{ border:2px solid #000; width:50px; height:60px;} </style> </head> <body> div1 div2 <input type="button" value="append div1 to div2" id="button" /> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
最后一个是关于节点的移除的，本来以为用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> <input type="button" value="add_div" /> <input type="button" value="inner" /> <input type="button" value="remove" /> <input type="button" value="alert" /> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

变量,相互引用

标签：

变量,相互引用

幽灵资源网 Design By www.bzswh.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

幽灵资源网 Design By www.bzswh.com

评论“JavaScript中变量的相互引用”

暂无评论...

JavaScript中变量的相互引用

变量,相互引用

javascript 就地编辑实现代码

javascript 精粹笔记

评论“JavaScript中变量的相互引用”

P70系列延期，华为新旗舰将在下月发布

友情链接