首页 / JAVASCRIPT / JavaScript中变量的相互引用

JavaScript中变量的相互引用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中变量的相互引用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3334字，纯文字阅读大概需要5分钟。

内容图文

测试如下：

div1 div2
[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" /> 
<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需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的JavaScript中变量的相互引用全部内容，希望文章能够帮你解决JavaScript中变量的相互引用所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/371311.html

来源：【匿名】

【上一篇】javascript 就地编辑实现代码【下一篇】javascript 怎么调用php方法

更多 ►

【JavaScript中变量的相互引用】教程文章相关的互联网学习教程文章

JavaScript引用类型之RegExp类型(正则表达式)【代码】

ECMAScript中使用RegExp来支持正则表达式。使用下面类似Perl的语法,就可以创建一个正则表达式。var expression=/pattern/flags;如上代码：pattern ---pattern部分可以是任何简单或复杂的正则表达式,可以包含字符类、限定符、分组、向前查找以及反向引用。falgs ---每个正则表达式都可带有一个或多个标志(flags),用于标明正则表达式的行为;以下是正则表达式的匹配模式所支持的3个标志:g : 表示全局模式,即模式将被应用于所...

原生JavaScript写出日历功能无引用Jq【代码】【图】

成品显示，可左右切换月份html 代码 <!DOCTYPE html> <html> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>移动端日历</title><link rel="stylesheet" href="./css/calendar.css"> </head> <body><div id="calendarElement"><div class="header"><div class="prev"><i class="previ"></i></div><div class="...

javascript-引用类型--Object类型【代码】

引用类型是一种数据结构，本质是数据和功能的集合。引用类型有时也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。引用类型相当于java里面的类，javascript虽然是一门面向对象语言，但是它不支持传统面向对象语言的类和接口。　　对象是某个特定引用类型的实例，对象可以通过new操作符后跟一个要创建的对象类型的名称来创建。例如：var o = new Object();这行代码创建了Object引用类型的一个新实例，然后将该实例保...

javascript 引用类型

1 Object 类型var person = new Object() ; person.name = "summer"; 和 var person = {name:‘summer‘};是等价的。2 Array 类型（1）var colors = new Array(); 和 var colors = Array();和var colors = []; 是等价的。（2）数组中的length 属性不仅是只读的，即通过设置这个属性，可以从数组的末尾移除项或添加新项。实例1：var colors = [‘red‘ , ‘blue‘ , ‘green‘];colors.length = 2;alert(colors[2]); //undefined实...

jQuery解决引用多个JavaScript库引起的$命名冲突的问题

在某些情况下，我们可能会在一个页面中使用多个JavaScript库，由于多个库中都是用$标识符，因此我们需要一种解决该命名冲突的方法，jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。参考示例如下：<scriptsrc="prototype.js"></script><scriptsrc="jquery.js"></script> <script> jQuery.noConflict(); /* jQuery...

spring mvc与html中处理引用js等静态文件的问题

最近开发页面遇到一些问题，在这里记录一下。通常，我们的html页面或jsp页面难免需要引入一些图片、js、css等文件，于是需要填写对应的文件路径，有相对路径和绝对路径两种写法，写相对路径时，如果通过controller后再返回对应的html或jsp页面时，相对路径可能会不是我们想要的，例如，在服务器端，如果某js文件路径为：/js/xx.js，html文件为/html/xx.html，并在在html中写入一下相对路径引用代码<script src="../js/jquery.m...

JavaScript 变量类型保存内存中的位置和引用

1. JavaScript变量基本类型值在内存中占据固定大小的空间因此被保存在栈内存中。　　从一个变量向另一个变量复制基本来下的值会创建这个值得一个副本。　　引用类型的值是对象保存在堆内存中。　　包含引用类型值得变量实际上包含的并不是对象本身而是一个指向该对象的指针。　　从一个变量向另一个变量复制引用类型的值复制的其实是指针因此两个变量最终都指向同一个对象2. 堆和栈堆栈在数据结构里面的含义就是一组数据的存...

JavaScript：引用js文件时的编码格式问题

今天在jsp页面引入js时，网页查看源码js文件老是乱码，弄了半天，终于解决了。如果js文件的编码格式是utf-8，并且含有中文，那么按照正常的方法引用，就会出现乱码的情况。方法/步骤如果js文件的编码格式是utf-8，并且含有中文，那么按照正常的方法引用，就会出现乱码的情况。所以正确的引用方式如下：当js文件的编码格式为gbk时，用如下方式引用：<script type="text/javascript" language="javascript" src="mytest.js"></scri...

javascript 引用类型 - 内置对象(Math对象)

javascript 有很多不必显示地实例化内置对象，因为他们已经实例化了，如前面介绍的Object，Array，String。然后还有两个单体内置对象：Global和Math。Global对象可以说是比较特殊的一个对象，因为你看不到他的存在，所有全局作用域定义的属性和函数，都是Global对象的属性。这里学习讨论一下Math对象Math对象和其他计算方法相比，这个对象提供的计算功能执行起来要快得多，而且还提供了辅助完成这些计算的属性和方法。min()和max()...

JavaScript知识总结--历史-html引用方式-基础概念

一、JavaScript简介1、ECMAScript　　1995~今已经20年的历史，产生JavaScript是需要它去解决一定的问题：在浏览器端做一些数据的验证，试想当年的网络环境，如果能够在浏览器端做数据验证能够方便很多。如今的JavaScript拥有了闭包、匿名函数、甚至元编程的能力。一门能够解决棘手问题的新语言的诞生必定有很广阔的市场，有市场就会有竞争，竞争逐渐演化为标准也就是ECMAScript、它定义了一门脚本语言的标准，在此基础上加入DOM,BO...

javaScript的引用值和原始值的存放位置

在js中变量可以存放两种值也就是原始值和引用值五大原始值：number String null boolean undefind引用值：例如 function arry data Object RegExp原始值和引用值他们的存放位置是不一样的，原始值存放在栈内存中，而引用值存放在堆内存中原始值的实例：　　当我们定义了一个变量例var a = 123；然后再定义一个b将a赋予b ；然后在改变a的值 a = 234 ；分别alert弹出a ，b 。a的值是234 ； b的值是123；过程详解：　　...

基础篇：1.JavaScript运行在html中，引用有几种方式？—— 6.js中常用的输出方式？【代码】

书接上文，上文提到若干条JavaScript的基础性知识，大部分都是一些概念性的东西，本着认真严谨的态度，我们要认真对待，有些条目的问题是某个知识点的周边延伸，为节约篇幅，就一起整理了，如有描述不对的地方或者是描述不足的地方，望大家批评指正，下面是我给我”参考答案“，也只是仅供参考：1.JavaScript运行在html中，引用有几种方式？我知道的方法有3种：第一种：外部引用远程JavaScript文件，如<script type="text/javascri...

javascript 引用类型 - 基本包装类型（深入理解基本包装类型和基本类型的区别）

Boolean、Number、String有的解释说是基本类型，但是官方的说明，他们是特殊的引用类型。而据我总结，这三种类型比较特殊，既可以是基本类型，又可以是引用类型。为什么呢，请看下文。因为他们可以调用new新建对象。例如:String str =new String("hello");。这样定义的话，足够说明引用类型的性质。然后再用typeof(str)判断，返回来的数据是Object。而当用 var str="hello"; 用typeof判断的话，也会返回Boolean、Number、String类型...

JavaScript基础知识（变量/引用/转换/函数）【代码】【图】

———————————————————————————————————————————— 变量全局变量：在函数体外声明，全局可以使用局部变量：通过关键字var来声明变量类型 1 <script type="text/javascript">2var a;3// 十进制 4 a = 1;5 a = 1.2;6 a = -23;7 a = .23e4;8 a = 3e-2;9// 十六进制10 a = 0xABCDE; 11 a = 0Xff; 12// 八进制13 a = 0123; 14 a = 01234567; 15// ...

JavaScript的进阶之路（三）引用类型之Object类型和Array类型【代码】

引用类型Object类型function a(num){if(num>3){a(--num); }console.log(num); }a(5);//如何创建对象的实例var obj1= new Object();console.log(obj1);obj1.name="吴琼";obj1.age=28;console.log(obj1.name+" "+obj1.age);//对象字面量语法，有点封装的感觉var obj2 = {name:"吴琼",age:28};var obj3 = {age:28,age_wo:30};console.log(obj3["age_wo"]);console.log(obj2.name+" "+obj2.age);function show(arg){var s="";if(ar...

首页 / JAVASCRIPT / JavaScript中变量的相互引用

JavaScript中变量的相互引用

内容导读

内容图文

内容总结

内容备注

内容手机端

【JavaScript中变量的相互引用】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

变量 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程