javaScript

前言

javaScript

同java一样,是一门面向对象语言,它无需编译

能够响应客户端键盘和鼠标事件,验证客户端表单数据,动态改变页面样式

一、格式

<script type="text/jscript"> ​ js代码 ​ </script>

可以放在<head>,<body>,js文件夹中

    <head>中:script type="text/jscript">
      js代码
    </script>

外部js文件中:直接写js代码

二、变量

        使用var关键字,变量没有数据类型,变量值才有,可以用typeof(变量值)来获取变量值的数据类型

1.数据类型

数值型:number,包括整型和浮点型

布尔型:boolean

字符串型:String," "/ ' '

undefined型:变量仅声明未初始化

Object型:对象类型,包括Date,字符串,数组,math,DOM对象

字符串和数字进行运算时,会进行隐式的数据类型转换,但加法会直接连接

2.关键字

NaN:即not a number

3.比较运算符

== : 比较变量值是否相等

=== : 同时比较变量值和变量是否相等

4.函数

function 函数名 ( 参数 ) {

函数体;

[ 返回值 ];

}

调用函数:函数名(参数值);

5.变量作用域

和java相同,分为全局变量和局部变量

三、全局函数

即javaScript中已经定义好的,可以直接使用的函数

        eg:alert(arg)

parseInt(arg),parseFloat(arg):参数若为字符串,只能转换字符串开头的数字,不能以非数字开头,否则输出NaN

evil(arg):参数通常为字符串类型,此函数可以将字符串类型参数当作脚本执行

        eg:var s="2+5"; ​ alert(s);//输出"2+5" ​ alert(eval(s));//输出7

四、4种内置对象

字符串对象、数组对象、Date对象、math对象

字符串对象:和java的String类方法基本相同,多了substr( int beginIndex , int length )方法

数组对象:3中声明方式:var arr1=new Array(); arr1[0]=0; arr1[1]=1; var arr2=new Array(1,2,3);         var arr3=[9,42,33,6];

        var arr3=[9,42,33,6]; console.log(arr3); console.log(arr3.join(".."));// 9..42..33..6

        console.log(arr3.sort());// 33,42,6,9 sort()函数不能实现真正的排序,需要自定义函数         console.log(arr3.sort(numSort));// 6,9,33,42 function numSort(m,n){ return m-n; }

五、事件

存在于标签中

        1.onclick():鼠标点击触发

        2.onfocus():输入框获取到鼠标焦点时触发即聚焦事件

        3.onblur():失焦事件

        4.onmouseover():鼠标移入触发,即悬浮事件

        5.onmouseout():鼠标移出触发,即离开事件

        6.onload():网页内容全部加载完后触发

        7.onchange():输入框内容改变且标签失去焦点时触发

六、HTML-DOM对象

javaScript把网页中的每个标签都看作是一个对象,一个网页对应一个document对象

        1.根据id获取对象:document.getElementById(id值);

        获得标签体的value属性

        获得标签体内的内容即innerHTML属性

        获得标签体的css样式即style.属性

        2.根据类名获取对象:document.getElementsByClassName(ClassName);

        3.根据标签名获取对象:document.getElementsByTagName(TagName);

        4.根据name属性获取对象:document.getElementsByName(name);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值