javascript学习笔记

1、js的String对象
    创建String对象 var str="hfhf"; var str1=new String("hehe");
    属性:length字符串的长度 alert(str.length);
    方法:
    与html相关的方法(设置显示样式的方法)
        1、alert(str.bold());加粗字体
        2、document.write(str.fontcolor("red"));用来指定字体的颜色
        3、document.write(str.fontsize("7"));用来指定字体的大小
        4、document.write(str.link("路径"));将字体设置为超链接
        5、document.write(str.sup("2"));把字符串显示为上标,sub相反
    与java相似的方法
        1、document.write(str.charAt());返回指定位置的字符
        2、document.write(str.concat(str2));连接字符串
        3、document.write(str.indexOf());返回指定字符串值在字符串中首次出现的位置
            如果没有则返回-1
        4、document.write(str.replace(old,new));替换字符串
        5、document.write(str.spilt(""));把字符串分割为字符数组
        6、substr();从起始索引号提取字符串中指定的字符
        7、substring();提取字符串中两个指定的索引号之间的字符。
        8、substr(3,5);从索引位子开始向后截取五个字符
           substring(3,5);从索引位置开始到第五位结束,但不包含第五位
2、js的Array对象
    创建数组的三种方式:
    1、var arr1=[1,2,"3"];与java不同之处,java数组只能是同一数据类型
    2、var arr2=new Array(3);    
    3、var arr3=new Array(1,2,"3");
    属性:
    length
    方法:
    1、document.write(arr1.concat(arr2));连接数组
    2、document.write(arr1.join("-"));把数组的所有元素放入一个字符串,元素通过指定的分
        隔符进行进行分割;
    3、document.write(arr1.push());向数组的末尾添加一个或更多的元素,并返回新的长度。
        添加的是一个元素,如果添加的是数组,会把一个整体添加进去
    4、document.write(arr1.pop());删除并返回数组的最后一个元素
    5、document.write(arr1.reverse());颠倒数组中元素的顺序
    
3、js的Date对象
    创建Date对象
    var date=new Date();
    方法:
    1、toLOcaleString();根据本地时间格式,把Date对象转换为字符串。
    2、getFullYear()获取年从Date对象以四位数字返回年份(不用getYear()方法)
    3、getMonth()从Date对象返回(0-11),需加1
    4、getDay()从Date对象返回(0-6)
        判断如果为0则加7,表示星期日
    5、getHours();小时
    6、getMinutes();分钟
    7、getSeconds();秒
    8、getTime();返回1970年1月1日至今的毫秒数    




4、js的Math对象
    1、Math中的方法都是静态的
    2、ceil();上舍入
    3、floor();下舍入
    4、round();把一个数四舍五入得到最接近的数
    5、random();返回0-1之间的随机数
5、js的全局函数

    1、不属于任何一个对象,直接写方法名eval();
        var str="alert("123")";
        eval(str);
    2、isNaN();判断是否为数字
        NaN表示不是一个数字
            返回true不是数字
            返回false是数字
    3、字符编码,ie浏览器是url编码,火狐是base64编码
        encodeURI();把字符进行编码
        decodeURI();把字符经行解码
    4、parseInt();转换类型
    

6、js的函数重载
    java里面有重载:方法名相同,参数列表不同
    js中没有重载,但可以通过一些其他方式来模拟重载的效果
        js中有一个数组arguments,这个数组用于存储传递过来的参数
        通过arguments数组来模拟实现重载效果


=========================


7、js的BOM对象
    即为broswer object model:浏览器对象模型
    对象:
    1、navigator:浏览器的信息
        window.navigator.appName;(window可以省略)
    2、screen:屏幕信息
        screen.width;
    3、location:URL的信息
        a、获取url路径地址
            location.href
        b、设置url路径地址
            <input type="button" value="跳转" οnclick="href1();"/>
            function href1(){
                location.href("路径","","width='',height=''");
            }
    4、history(三个方法):url的历史信息
        back();加载history列表的前一个url
        forward():加载history列表的下一个url
        go()加载history列表的某个具体的页面
            -1:上一个页面 1:下一个页面

8、window对象    窗口对象,顶层对象
    方法:
    1、alert();在页面弹出一个提示框
    2、confirm();表示一个确认框
        var cofm=window.confirm("确认框上的内容");
    3、prompt()显示可提示用户输入的对话框
        prompt(text,defaultText);
            text:显示在输入框上的内容
            defaultText:表示输入框的默认值
    4、open()打开一个新的浏览器窗口
        window.open("url地址","width='',height=''");
    5、close();关闭窗口(有些浏览器不支持)
    6、setInterval("js代码",毫秒数);(不断的执行)
        setInterval("add();",毫秒数);
        clearInterVal():根据setInterval()返回的id,清除设置的setTimeout()
    7、setTimeout();(只执行一次)
        clearTimeout:根据setTimeout()返回的id,清除设置的setTimeout()
        
9、DOM简介和解析html
    document object model 文档对象模型
    文档:标记型文档(html、xml)
    对象:js是基于对象,对象里面包括属性和方法,学习js提供的dom对象里面的属性和方法
    模型:js提供的dom对象里面的属性和方法对标记型文档进行操作
    
    对标记型的文档进行操作:使用dom里面的属性和方法
        首先;需要对标记型文档里面的所有内容进行封装成对象
            标签、文本、属性
    想要进行操作,首先必须解析html
        解析html过程:
            根据html的层级结构,在内存中分配一个树形结构
            document对象:整个文档
            元素对象:(标签)element
            属性对象:
            文本对象:
            节点对象:Node,dom所有对象的父对象
    DHTMl介绍:
        不是一种技术,而是很多技术的简称
        包含:
            html:封装数据
            css:提供了很多属性和属性值,来实现数据样式的变化
            javascript(这里指的是ECMAScript):提供了一些简单的语法
            dom:文档对象模型,对标记型文档进行操作

10、document对象
    方法:
    1、getElementById();通过id得到元素(标签)
        var u1=document.getElementById("id值");
    2、getElementsByName()
        通过name属性值得到元素对象的集合
        var u1=document.getElementsByName("userName");
        for(var i=1; i<u1.length; i++){
            var u2=u1[i];
            document.write(u2.value);
        }
        如果是一个标签:
        var u1=document.getElementsByName("userName").[0];
        alert(u1.value);    
    3、getElementsByTagName();通过标签名获取元素对象的集合
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值