zoukankan      html  css  js  c++  java
  • JavaScript笔记

    一、JavaScipt的简介
               是基于对象的事件驱动的语言,应用于客服端

    二、javascript与HTML的结合方式
    第一种:使用标签

    <script type="text/javascript">js代码;</script>


    第二种:使用script标签,引入一个外部的js文件
    1、创建一个js文件,写js代码
    2、<script type="text/script" src="js文件路径"></script>
    注意:使用第二种方式时,不会执行script标签里的代码


    三、js的语法规则
    1、javascript里的变量类型
    重点:javascript里定义变量,对象都用var
              五个原始类型:
                       string:字符串类型
                       var str="abc";
                       number:数字类型
                       var num=123;
                       boolean:布尔类型
                       var b=true;
                       null:对象引用为空
                       var date=null;
                       undifined:定义的变量未赋值
                       var u;
                       typeof():获取当前变量类型


    2、javascript里的语句
    选择语句:if,switch(在java里1.7版本后才支持,javascrpit一直支持)
    循环语句:while,do while,for
    自增语句:i++,++i


    3、javascript里的运算符
    (1)js里不区分整数和小数
    var a=123;
    //alert(a/1000*1000);//java里为0,由于不区分小数整数,JavaScript为123


    (2)js里的字符串相加是连接操作,相减时候执行减法运算操作
    var str="123";
    //alert(str+4);//执行字符串连接操作
    //alert(str-4);//执行算术减法操作


    (3)boolean类型,执行运算符操作时,false为0,true为1.
    var b1=true;
    var b2=false;
    alert(b1+1);
    alert(b2+1);
    (4)==和===区别:==比较的是值,===比较的是值和类型。
    var b="5";
    if(b===5){ //当值为5,但类型不一致时不相等
    alert(5);
    }
    else{
    alert("other");
    }
    引入知识:直接在页面输出语句,可输出变量,值,html标签:

            document.wirte(“......”);


    document.wirte("123");
    document.write(a);
    document.write("<hr/>");


    5、javascript的数组
    注意:1、广义上的数组不规定一定要为某一类型
         2、数组有个属性length,记录数组长度
    第一种:var arr=[1,2,3]; var arr=[true,1,"a"];
    第二种:使用Array对象
          var arr=new Array(5);//创建一个长度为5的数组
          var arr=new Array(1,2,3);//创建赋初值的数组,长度为3


    6、javascript的函数
    需要返回值的函数只需写return句子,参数表不需要写参数类型,只需要写参数名
    第一种:function 函数名(参数列表){
    函数体
    返回值
    }
    第二种:匿名函数
    var 函数名=function(参数列表){
    函数体
    返回值
    }


    7、全局变量和局部变量
    全局变量:定义在<script>内,可以在所有js代码(即script里使用)里使用(作用域为整个js代码块)
    局部变量:定义在函数内,只能在函数内使用。(作用域为定义函数)


    8、Script标签放置位置:一般放在</body>后面,当需要获取input标签里的值时,不会出现错误


    10、JavaScript里的常用对象
    String对象 定义方式:var str="abc";
    属性:length
    方法:
    (1)与HTML相关方法
    bold():加粗
    fontcolor():设置字体颜色
    fontsize():设置字体大小
    link("src"):将字符串设置为超链接,src为链接的地址
    sub()和sup():下标和上标
    (2)与java相似方法:
    concat(str1,str2):连接俩个字符串
    charAt(index):返回指定位置字符串
    indexOf(str):返回字符串索引值
    split(","):根据符号(默认为,)将字符串切割为字符串数组
    replace(s1,s2):替代字符串(s2替代s1)
    substr(n):返回从起始位置开始指定数目字符串
    substring(begin,end):返回从begin到end的字符串
    Array对象
    属性:length
    方法:
         concat():连接两个或更多的数组,并返回结果。
         join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
         push():向数组的末尾添加一个或更多元素,并返回新的长度。
         pop():删除并返回数组的最后一个元素
         reverse():扭转数组顺序
         sort():对数组进行排序
         shift():删除并返回数组的第一个元素
    Date对象
    创建一个Date对象默认为当前时间对象
    方法:
    Date():返回当日的日期和时间。(默认格式) 
    toLocaleString():根据本地时间格式,把 Date 对象转换为字符串。 
    getFullYear():获得当前对象的年。 
    getMonth():获得当前对象的月(0 ~ 11),此时需加1。 
    getDate():获得当前对象的日 (1 ~ 31)。 
    getDay():获得当前对象的周(0 ~ 6)。 
    getHours() 返回 Date 对象的小时 (0 ~ 23)。 
    getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。 
    getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 


    getTime() 返回 1970 年 1 月 1 日至今的毫秒数。(实时更新) 
    应用场景:使用毫秒数处理缓存效果(不有缓存)
    http://www.baidu.com?毫秒数
    Math对象
    和java一样,都是静态方法,使用方法:Math.方法名()
    方法:
    ceil(x) 对数进行上舍入。 
    floor(x) 对数进行下舍入。 
    round(x):四舍五入。
    random() 返回 0 ~ 1 之间的随机数(伪随机数)。 
    得到0-9随机数Math.floor(Math.random()*10)。


    11、javascript的全局函数
    eval(string):用来执行js代码,string为要执行的代码。
    encodeURI():对字符串进行编码。 
    decodeURI();对字符串进行解码。
    isNaN() 检查某个值是否是数字。 
    Number() 把对象的值转换为数字。 
    parseFloat() 解析一个字符串并返回一个浮点数。 
    parseInt() 解析一个字符串并返回一个整数。 
    String() 把对象的值转换为字符串。 




    12、javascript里的模拟重载
    js里存在重载吗?
    不存在,会自动调用最后一个函数。
    但可以通过arguments数组模拟重载


    arguments:保存了函数的参数列表里的参数


    四、javascript的BOM对象

    window对象:顶层对象,所有DOM对象都可以用window.对象名.属性(方法)来使用,如window.loaction.href
    方法:
    alert():弹出一个框,显示内容
    confirm():确认框,显示内容,并返回一个值(确定返回true ,取消返回false)
    prompt(text,defaulttext):输入时的对话框,text为显示内容,defaulttext为对话框默认内容
    open():打开一个新浏览器窗口
    open("新窗口的地址url",",","窗口信息(如width=200,height=100)")
    close():关闭窗口(浏览器兼容性较差)

    定时器方法:
    setInterval("js代码",毫秒数):每过指定毫秒数执行一次js代码,返回一个对象
    1秒=1000毫秒
    window.setInterval("alert(123)",3000);//表示每三秒执行一次alert方法,执行次数无穷


    setTimeout("js代码",毫秒数):过了指定毫秒数执行一次js代码,返回一个对象
    window.setTimeout("alert(123)",3000);//表示在三秒后执行一次alert方法,执行次数为1


    clearInterval("对象名"):通过对象名清除setInterval()设置的定时器
    clearTimeout("对象名"):清楚setTimeout()设置的定时器


    案例:通过俩个按钮触发关闭设置定时器
    案例:实现一个实时的时间显示器

    navigator对象:获取客户机信息(浏览器信息)
    navigator.appName():返回浏览器的名称
    screen:获取屏幕信息
    screen.屏幕的宽
    location:包含有关当前 URL 的信息
    href:设置或返回完整的 URL
    hictory:包含访问过的url
    back() 加载 history 列表中的前一个 URL。 
    forward() 加载 history 列表中的下一个 URL。

  • 相关阅读:
    idea 使用 maven 下载 jar 包,出现证书校验问题问题
    接口抽象类区别,Java中IO,BIO、NIO、AIO区别以及Files的常用方法
    JIT编译器,Java平台的不同及Java一次编写,随处运行
    什么是Java虚拟机,JVM分配的不同类型内存区域是什么?
    AOP底层原理及AOP操作
    抽象类能使用 final 修饰吗?
    抽象类必须要有抽象方法吗?
    String 类的常用方法都有那些?
    普通类和抽象类有哪些区别?
    如何将字符串反转?
  • 原文地址:https://www.cnblogs.com/MrQlyn/p/10236355.html
Copyright © 2011-2022 走看看