js菜鸟备忘

1.图片切换

    function changeImage() {

        var img = document.getElementById("myImg");

        if (img.src.match(""))

            img.src = "img/2.jpg";

        else

            img.src = "img/1.jpg";

    }

2.判断是否数组

    function isArray(myArray)

    {

        console.log(myArray.constructor.toString());

        return myArray.constructor.toString().indexOf("Array") > -;

    }

3.javascript:void(0)

javascript:void(0)的意思就是什么也不做！他不是页面URL，而是一个javascript语句void(0)，void是一个操作符，该操作符指定要计算一个表达式但是不返回值，这个要计算的表达式是“0”，所以，这个基本是坑爹的写法，完全是糊弄浏览器的。

如果你鼠标悬停于一个链接上，在浏览器底部状态栏上显示该链接的目标地址是这个的话，说明这个网页的编写者希望这个链接被点击时不是直接跳转到某个新页面，而是执行其他操作（例如某个预设的JS函数）。

那为什么要加这个呢？因为链接的HTML代码（<a href="地址">链接</a>）中“href”参数只要不为空，点击该链接时，页面会自动跳转，如果指定的“href”不合法，页面会跳转到自身，也就是刷新，那如果想用该链接来干点别的什么事呢？那我们就要为“href”指定一个合法但又不会刷新页面的参数，所以“javascript:void(0)”就派上用场啦，我们可以这样改（<a href="javascript:void(0)" onclick="干点别的事">链接</a>），这样点击这个链接会触发onclick事件，而页面本身不会刷新，任务达成

4.href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息，默认的锚是#top 也就是网页的上端。
而javascript:void(0), 仅仅表示一个死链接。
在页面很长的时候会使用 # 来定位页面的具体位置，格式为：# + id。
如果你要定义一个死链接请使用 javascript:void(0) 。

例子：

<html>

<head>

<script type="text/javascript">

<!--

//-->

</script>

</head>

<body>

<p>点击以下链接查看不同效果：</p>

<a href="javascript:void(0);">点我没有反应的!</a>

<br>

<a href="#pos">点我定位到指定位置!</a>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<p id="pos">尾部定位点</p>

</body>

</html>

5.Arguments对象的应用

例一：

<!DOCTYPE html>
<html>
<body>

<p>查找最大的数。</p>
<p id="demo"></p>

</body>
</html>

例二：

<!DOCTYPE html>

<html>

<body>

<p>计算所有参数之和：</p>

<p id="demo"></p>

<script>

function sumAll() {

    var i, sum = ;

    for(i = ; i < arguments.length; i++) {

        sum += arguments[i];

    }

    return sum;

}

document.getElementById("demo").innerHTML =

sumAll(, , , , , );

</script>

</body>

</html>

巴特西

js菜鸟备忘

最新文章

热门文章