zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    WPF杂难解 图片模糊的暂时解决方案
    wpf学习笔记 NotifyPropertyChanged实现数据变化自动更新UI
    WPF杂难解 粘贴板复制GIF图片时丢失透明背景
    WPF杂难解 RichTextBox粘贴图片地址处理,并保存的问题
    wpf学习笔记 依赖属性
    WPF杂难解 中文字体显示模糊
    雪花型,支架型,和桥型 的区别
    BI工具对比
    关于javac不是内部命令的解决办法
    转载 android listview getview() 反复调用
  • 原文地址:https://www.cnblogs.com/canceler/p/4495937.html
Copyright © 2011-2022 走看看