CodeSky 代码之空

随手记录自己的学习过程

归档时间:2014-07

Javascript 做个跳转界面

2014-07-24 16:23分类: JavaScript评论: 2

不算是成品,只是提供一个思路,学了location.repalce()发现是分分钟的事情。

演示

很简单的使用超时调用就搞定了。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>You won't be able to get back here</title>
</head>
<body>
    <p>Enjoy this page for a second, because you won't be coming back here.</p>
    <script type="text/javascript">
        setTimeout(function() {
            location.replace("http://codesky.me");
        }, 1000);
    </script>
</body>
</html>
阅读更多 →

Javascript 截取字符串的三种方法比较

2014-07-24 16:08分类: JavaScript评论: 0

一共有三种方式截取字符串(不含根据传入参数截取成数组的split()方法)这里说的是子字符串,所以不说split()方法了。

slice(),substr(),substring()一共三种方法,其中各有不同,他们都可以传一个或两个参数进去,第一个参数都是起始位置,slice()substring()第二个参数为终止位置(输出到终止位置前一个字符),而substr为字符长度,但传入负数时情况又不一样了。

这里就负数来个实例:

1var stringValue = "Hello World";
2console.log(stringValue.slice(-3));
3console.log(stringValue.substring(-3));
4console.log(stringValue.substr(-3));
5console.log(stringValue.slice(3, -4));
6console.log(stringValue.substring(-4, 3));
7console.log(stringValue.substring(3, -4));
8console.log(stringValue.substr(3, -4));
9

输出:

rld
Hello World
rld
lo W
Hel
Hel

最后一个为空字符串,而substring吧负值转换为0,似乎就是从0到另一个参数的意思。slice()则中规中矩的负号表示倒过来数。

阅读更多 →

JavaScript BOM初体验-window.open

2014-07-23 19:56分类: JavaScript评论: 1

看了半天,终于到了我觉得实战的部分了,首先是window.open,说白了就是弹出窗口。 基础的来讲:

1// 等同于 <a href="http://codesky.me" target="topFrame"></a>
2window.open("http://codesky.me", "topFrame");
3

等价的时候用没什么前途,所以这里还有别的用法,topFrame,也就是第二个参数,可以传入_self,_parent,top以及_blank,而第二个参数并不是已存在的窗口和框架时,会去读取第三个参数来决定,第三个参数中似乎一些都是不怎么好用的,主要是top,width,left,height位置。

阅读更多 →

Javascript 寄生组合式继承

2014-07-23 13:34分类: JavaScript评论: 2

接触了好几种继承模式了,在前一篇文章,我们就说到了一些继承方法,本以为组合是最好的,结果没想到还有。

故事从原型式继承说起:

1function object(o) {
2    function F(){}
3    F.prototype = o;
4    return new F();
5}
6
7var person = {
8    name: "Nicholas",
9    friends: ["Shelby", "Court", "Van"]
10};
11
12var anotherPerson = object(person);
13anotherPerson.name = "Greg";
14anotherPerson.friends.push("Rob");
15
16var yetAnotherPerson = object(person);
17yetAnotherPerson.name = "Linda";
18yetAnotherPerson.friends.push("Barbie");
19
20console.log(person.friends);
21
阅读更多 →

Javascript call()与apply()

2014-07-23 12:04分类: JavaScript评论: 0

js中对于function,有callapply两种方法,在看书时前面没发现他们俩太大的作用,现在找到了一个实例,能说明apply的优点。

1function SpecialArray() {
2    var values = new Array();
3
4    values.push.apply(values, arguments);
5
6    values.toPipedString = function() {
7        return this.join("|");
8    };
9
10    return values;
11}
12
13var colors = new SpecialArray("red", "blue", "green");
14console.log(colors.toPipedString());
15
阅读更多 →

Javascript for-in and forEach

2014-07-22 18:33分类: JavaScript评论: 0

起初在javascript中见到for-in的时候,误以为for-in就是PHP中的foreach(说实在的这些东西怎么用我都快要忘记了),结果发现是我想太多了,for-in怎么用,拿书上输出window的未免太多,看的也不确切,所以在看到面向对象之后自己写了一下。

阅读更多 →

Javascript indexOf遍历查找所有子字符串出现的位置

2014-07-22 16:43分类: JavaScript评论: 0

好久没有更新了,六月份因为考试的缘故更是直接跳过了,前面浅浅的读了一下也不知道记些什么好,鉴于这个看着不错的样子就来mark一下。

indexOf()方法,可以从一个字符串中搜索给定的子字符串,和他相反的是lastIndexOf(),这个功能还算常见,正好码这段想到其他问题了,比如:

1var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";
2var positions = new Array();
3var pos = stringValue.lastIndexOf("orem");
4

这段代码的运行结果如何呢,结果是1,而换成indexOf()结果也是1,然后我尝试了不同的测试,似乎所谓的返回子字符串的位置是从打头的字符位置而定的(如果没找到则返回-1)。

阅读更多 →
共 9 篇文章,1 页