JavaScript笔记02

1.对于js而言,月与星期几的下标是从0开始的;

2.getYear() 请使用 getFullYear() 方法代替;

3.substr() 从起始索引号提取字符串中指定数目的字符。

<script type="text/javascript">

var str="Hello world!"
document.write(str.substr(3,7))

</script>

输出:

lo worl

   substring() 提取字符串中两个指定的索引号之间的字符。

<script type="text/javascript">

var str="Hello world!"
document.write(str.substring(3,7))

</script>

输出:

lo w

4.获取文件名后缀的一个办法

var a = "1.txt";
var s1 = a.substr(a.lastIndexOf(".")+1);
alert(s1);

5.js的array就是java中的list和stack的集合;

6.

创建 Array 对象的语法:
new Array();
new Array(size);
new Array(element0, element1, ..., elementn);

var as = new Array();
as.push(11);
as.push(22);
alert(as);

as = new Array(11,22,33,44,55,66,77,"111","222",23);
alert(as);
//一般使用以下方式定义数组
as = [11,12,1,2,3];
//转换为字符串通过---来完成连接
alert(as.join("---"));
//sort只会通过字符串来排序
alert(as.sort());
//颠倒顺序
alert(as.reverse());

as = [1,2,3,4];
//表示在索引为2的前面删除0个元素,并且增加两个元素31和32-->1,2,31,32,3,4
//as.splice(2,0,31,32);
//表示在索引为2的前面删除2个元素,并且增加两个元素31和32-->1,2,31,32
as.splice(2,2,31,32);
alert(as);

function mouseD(obj) {
        //设置这个对象的颜色,在js中设置文本的样式均通过xx.style.样式名称
        obj.style.color = "#f00";
        //当使用代码来设置样式的时候,如果在css中通过-表示的,都是有驼峰标识,font-size-->fontSize
        obj.style.fontSize = "18px";

}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js01_hello</title>
    <meta name="author" content="Administrator" />
    <script type="text/javascript">
    var timeId;
    function cd() {
        //在3秒之后会执行bigger这个函数,setTimeout的意思就是间隔一段时间来执行某个函数
        //setInterval表示每隔一段时间就调用一次函数
        timeId = setInterval("bigger()",500);
        
    }
    
    function sd(){
        clearInterval(timeId);
    }
    
    function bigger() {
        //获取html中节点的id为txt的节点
        var node = document.getElementById("txt");
        var size = parseInt(node.style.fontSize);
        if(size) {
            size+=10;
        } else {
            size = "14";
        }
        node.style.fontSize = size+"px";
    }
    </script>
</head>
<body>
    <div id="txt">开始</div>
    <div onclick="cd()" style="cursor: pointer">点击开始操作</div>
    <div onclick="sd()" style="cursor: pointer">停止操作</div>
</body>
</html>

function loc() {
        //获取文本框中的值
        var href = document.getElementById("address").value;
        //直接跳转到某个页面
        window.location.href = href;
    }

下面例子用于将子窗体内容传递给父类窗体

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js01_hello</title>
    <meta name="author" content="Administrator" />
    <script type="text/javascript">
    // setTimeout("endWelcome()",5000);
    // function endWelcome() {
        // document.getElementById("welcome").style.display = "none";
    // }
    </script>
</head>
<body>
    <div id="welcome">欢迎进行我们的网站</div>
    <a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">输入你祝福语</a>
    <a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">选择性别</a>
    <div id="bless"></div>
</body>
</html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js01_hello</title>
    <meta name="author" content="Administrator" />
    <script type="text/javascript">
    function bless() {
        //获取输入的祝福语
        var mb = document.getElementById("mb").value;
        //获取父类窗口
        var p = window.opener;
        //获取父类窗口中的id为bless的div
        var pd = p.document.getElementById("bless");
        //设置pd的值
        pd.innerHTML = mb;
        //关闭当前窗口
        window.close();
    }
    </script>
</head>
<body>
    输入祝福语:<input type="text" size="40" id="mb"/><input type="button" onclick="bless()" value="输入" />
</body>
</html>

原文地址:https://www.cnblogs.com/canceler/p/4495937.html