JavaScript 常用方法

Posted 2021-11-25 gu-bin

JS:    注意：
        这些都是我自己总结的，只是部分常用的函数属性！！古斌12-21   
    -js常用函数。 
        ** alert(); 普通弹出框
        ** document.write(); 向页面(body标签) 写入内容
        ** console.log();    向控制台输出
        ** typeof();查看当前数据类型
        ** length 返回字符串的长度
        ** bold(); 字体加粗
        ** fontcolor(red); 设置字体的颜色
        ** fontsize(1-7); 设置字体大小
        ** link();  将字符串设置成超链接 (字符串.link(链接地址);
        ** sub()  sup()  将文 0-字设置成上标或下标 比如设置度数
        ** prototype  向对象函数中添加方法 
            例：function Person(){    创建对象函数
                }
                Person.prototype.getal(){ 添加方法
                    alert(123);
                }
                new Person().getal(); 调用函数  结果弹出123
                
    - 与java相似的函数：
        ** concat()  连接字符串  将 "123" 与 "456" 连接在一起(个人感觉没什么用)
        ** charAt(索引)  返回指定位置的字符串,如果索引有误 返回空字符串
        ** indexOf(字符串); 返回指定位置的字符串索引  如果不存在返回-1
        ** split(以什么切  分); 返回字符串数组
        ** replace(); 传递两个参数,第一个是原始字符  第二个是要替换成的字符
        ** substr() 同样也是2个参数, 从第几个开始,向后截取几个
        ** subString() 两个参数从第几位开始，到底几位结束 不包含做后一个
    - js与数组相关的函数：
        ** length 返回数组长度  这个是属性 不是方法 所以不要加“（）”
        ** concat()  将数组链接，返回一个新的数组
        ** join() 根据指定数组以指定符号分割
        ** push() 向数组末尾添加元素，返回新的数组长度，如果添加的是一个数组，就存取的是整个字符串
        ** pop() 删除数组最后一位元素，并返回这个元素！
        ** reverse() 颠倒数组元素的顺序  随机顺序排列
    -js中Dete对象的函数： 注意严谨区分大小写
        **  new Date(); 获取当前时间  国外定义
        **  new Date().toLocaleString(z);  获取本地时间  正常的格式
        **  new Date().getFullYear();得到当前年
        **  new Date().getMonth() 得到当前月份  ,因为国外是从 0-11 所以得到月份 需要+1
        **  new Date().getDay()   得到当前的当前的星期 周一到周六都正常  如果周日会显示0
        **  new Date().getDate()  得到当前的天(对于这个月来说)  1-31
        **  new Date().getHours() 得到当前的小时
        **  new Date().getMinutes() 得到当前的分钟
        **  new Date().getSeconds()  得到当前的秒
        **  new Date().getTime()  得到当前的毫秒  返回的是1970-1-1    的毫秒数
    -js中Math对象 *以下写的方法都不用 new  直接使用 Math. 调用 类似静态
        ** ceil(); 向上舍入  
        ** floor(); 向下舍入
        ** round();四舍五入
        ** Math.random();  随机数
    -js中的全局函数：
        ** eval(); 执行字符串中的js代码，如果不是js代码将不执行并且报错
        ** encodeURI(); 对字符进行编码  
        ** decodeURI(); 对字符进行解码
        ** isNaN() :判断当前字符是否是数字，如果是返回 false 如果不是返回 true
        ** parseInt(); 将类型转换成数字，如果不能转换返回NAN
    - js中的bom对象：
        ** navigate  获取客户端的信息
            -navigate.appName; 返回该浏览器的名字
        ** screen    获取屏幕信息
            - screen.while; 返回屏幕的宽度
            - screen.height;返回屏幕高度
        **history :请求url的历史记录
            -history.back(); 访问上一次记录
            -history.go(-1); 访问上一次记录
            -history.forward(); 访问下一个页面
            -history.go(1);  访问下一个页面
        **location 请求url地址
            -location.href; 得到当前url地址
            -location.href = "url"; 设置访问url地址
                例：
                    function a(){
                        location.href = "www.baidu.com";
                    }
                <input type="button" value="访问百度" onclick="a()"/>
        **-window-**对象-所有bom对象的顶层对象  
            -window.alert();  普通弹出框；
            -window.confirm(); 确认框
            -window.prompt(); 输入弹出框
            -window.open();打开一个新的窗口  三个参数 ("URL",("name"),"with,height")
            -window.close();关闭窗口(兼容性差,极大部分浏览器不支持)
            -函数 window.opener; 返回父页面
    -js中的定时器函数(bom对象)hi
            -setInterval("js代码",毫秒数);  表示每过多少秒，执行以下函数
            -setTime("js代码",毫秒数); 表示多少秒之后执行  注意只执行一次
            -clearInterval(); 清除第一种定时器函数
            -clearTimeout(); 清除第一种定时器函数
    -js中的DOM对象：
            -document.getElementById() ; 通过设置的ID获取  返回一个对象
            -document.getElementsByName(); 通过设置的name获取  返回一个集合
            -document.getElementsByTagName();通过标签获取 返回一个集合
            - var check = document.getElementsByTagName(‘input‘)[0];
                console.log(check.checked);//false  
                判断复选框是否被选中
    -js中Note节点对象：
            - 1 .向节点中添加元素  
                    例：向ul中添加一个li
                        获取ul标签
                        var ul1 = document.getElementById("ul1");
                        创建li标签
                        var li1 = document.createElement("li");
                        创建文本
                        var test1 = document.createTextNode("5555");
                        向li标签加入文本
                        li1.appendChild(test1);
                        向ul中添加li
                        ul1.appendChild(li1);                
    -js 中的 element 对象： 这个对象的方法必须使用document对象调用
            - setAttribute(“id”,123);
            - getAttribute(“属性”)
            - removeAttribute(“id”)  注意 value不可删除
            - ul1.getElementsByTagName("li"); // 获取ul标签下面所有的子标签
                *- 列：
                    <input type="button" id = "aL" value="ac"/>
                    var a = document.getElementById("aL");
                    原来
                    alert(a.id);
                    a.setAttribute("id",123);
                    现在
                    alert(a.getAttribute("id"));
    
        
        
    **一些小知识点-只需了解就行了**
        - js中有重载吗？  
                答：1.js中没有重载！
                    2.但是可以通过 argumengts 数组来模拟“重载”
                function ovv(){
                    if(arguments.length == 2){
                        return arguments[0]+arguments[1];
                    }else if(arguments.length == 3){
                        return arguments[0]+arguments[1]+arguments[2];    
                    }
                }    
                    document.write(ovv(1,2));
                    document.write(ovv(1,3,6));
        - js的递归函数：输出n次helloword
                答：
                    function print(n){
                        if(n == 0){
                            return;
                        }
                        document.write("Hello Word </br>");
                        return print(n-1);
                    }
                    print(100);
                
    -js中Note节点对象：
            - 1 .向节点中添加元素  
                    例：向ul中添加一个li
                        获取ul标签
                        var ul1 = document.getElementById("ul1");
                        创建li标签
                        var li1 = document.createElement("li");
                        创建文本
                        var test1 = document.createTextNode("5555");
                        向li标签加入文本
                        li1.appendChild(test1);
                        向ul中添加li
                        ul1.appendChild(li1);