JS基本类型与引用类型知多少Script

JS基本类型与引用类型知多少Script,第1张

JS基本数据类型的变量存放的是基本类型数据的实际值;而引用数据类型的变量保存对它的引用,即指针。

JS基本数据类型:null undefined number boolean

string比较特殊

引用数据类型:function object array

var a = 11;

var b = 1;

b = 12;

consolelog(a); //11 a的值不会随b值得改变而改变

var a = [1,2,3];

var b = a;

a[0] = 2;

consolelog(b[0]) //2, b的值随着a的值改变而改,因为他们指向同一个内存地址

var a = [1,2,3];

var b = a;

b = [11, 12, 13];//b指向了另一个内存地址,与a断开关联

a[0] = 2;

consolelog(b[0]) //11,b的值不随a的值改变而改变

比如说 var a = 1; 1是基本数据类型,因此变量a存放的就是1这个值

var b = [1,2,3],[1,2,3]是引用数据类型,[1,2,3]是放在内存中的,而变量b存放的是[1,2,3]的地址,而不是[1,2,3]这个值

当使用b这个变量时,js解释器会通过b存放的内存地址,找到内存中的相应地址,将其中的值取出来返回

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<title>recursion</title>

<style type="text/css">

#pic {

margin-top: 16px;

display: none;

}

hover {

background: #999;

}

</style>

<script type="text/javascript">

windowonload = function ()

    {

    var oDiv = documentgetElementById ('con');

    var oLi = oDivgetElementsByTagName ('li');

    var aDiv = documentgetElementById ('right');

    var lDiv = aDivgetElementsByTagName ('div');

    var anonymous = function (i)

    {

    oLi[i]onmouseover = function ()

    {

    if (oLiindex >= 0)

    {

    oLi[oLiindex]className = '';

    lDiv[oLiindex]styledisplay = 'none';

    }

    thisclassName = 'hover';

    lDiv[i]styledisplay = 'block';//就是这一行代码出错了,无法获取未定义或 null 引用的属性“style”,但是鼠标移上去所有的div都隐藏了,实在是不知道原因,请大侠们指点一二;

    oLiindex = i;

    }

    };

    

    for ( var i = 0; i < oLilength; i++)

    {

    anonymous (i);

    }

    };

</script>

</head>

<body>

<h3>JS实现Tab选项卡效果</h3>

<div id="con">

<div id="left">

<ul id="list">

<li class="hover"><img src="01jpg" /></li>

<li><img src="08jpg" /> <a href="#">服部平次</a></li>

</ul>

</div>

<div id="right">

<div id="pic" align="middle" style="display: block;">

<img src="1jpg" />

</div>

<div id="x" align="middle" style="display: block;">

</div>

</div>

</div>

</body>

</html>

就和获取iframe 的src属性是一样的方法

<!DOCTYPE html>

<html xmlns="

<head>

<script type="text/javascript" src="xxx"></script>

</head>

<script type="text/javascript">

var s = documentgetElementsByTagName('script');

alert(s[0]getAttribute('src'));

</script>

</body>

</html>

项目中需要对iframe引用的网页进行样式修改,使用js的元素查询功能进行 *** 作,如图中希望对iframe中的ul高度进行 *** 作

//通过contentWindow来查询iframe内部元素

如果是id选择器则值选中一个元素,直接可使用,若使用class等选择器选择的为多个元素,即使实际只有一个元素也需要遍历

此 *** 作必须在windowonload = function(){}内进行

用clientHeight或offsetHeight。

对于没有具体设置高度的元素,不能直接用height获取高度。

clientHeight表示内容可见区域高度;offsetHeight不同浏览器数值不尽相同,除了clientHeight的高度外还包括边框等的高度。

查看源文件,知道文件路径后就好拿了

比如访问一个域名,在页面上得到源文件这行

<scripttype="text/javascript"src="/js/aaaajs"></script>

那么在浏览器里输入/js/aaaajs回车就可下载

以上就是关于JS基本类型与引用类型知多少Script全部的内容,包括:JS基本类型与引用类型知多少Script、自己做的js选项卡报错,无法获取未定义或 null 引用的属性“style”是什么原因、请问怎么获取一个<script src='xxx'>标签中所引用的js文件的源代码我指的是在当前的浏览器页面用js获取等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10133651.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存