脚本语言
直接嵌入到HTML页面上,JavaScript和CSS都是脚本语言。
js是一门独立的编程语言,语法和java基本类似,不需要编译 --由浏览器解释执行代码,不进行预编译
js的特点
1 .可以使用任何文本编辑工具编写
2 .由浏览器内的JavaScript引擎执行代码
3.解释执行:事先不编译,逐行执行
4.基于对象:内置大量现成对象
js适宜哪方面的内容
1.客户端数据计算
2.客户端变淡合法性验证
3.浏览器事件的触发
4.网页特殊显示效果的制作
5.服务器的异步数据提交
js三种书写方式
-
事件定义式:
在定义事件时直接写js。
例如定义一个按钮:
<button id="##" class="##" οnclick="alert(333)"></button>
我们直接在标签里面定义一个事件,那么当我们点击这个按钮的时候就会调用alert()弹窗函数,浏览器上会弹出带有333的页面。这个就是事件定义式。
===那么什么是事件呢?
在我的理解中事件就是当用户有某种操作时,操作对象的状态发生改变,产生的一系列的影响,用户在做出什么操作时调用js,它就是js调用的时机,比如单机,双击鼠标事件。
2 .嵌入式:
在script标签里写js,该标签可以放在网页的任意位置,但通常放在head里较多(将逻辑封装成函数,使用时直接调用即可)。
比如:
<button id="btn" class="##" οnclick=""></button>
<script>
$(function(){
$("#btn").click(function(){
alert("测试嵌入式");
});
});
</script>
【这里的$符号是Jquery对象的意思,Jquery的使用需要导入Jquery类库,这点以后再说。
$(function(){ });的作用相当于 window.onload() = function(){}。
$("#btn")相当于document.getElementById("btn"); Jquery的ID选择器。】
3 .文件调用式:
在单独的js文件里写js,需要引入的网页上才能使用。
比如:
<script type="text/javascript" src="jquery-1.11.1.js" ></script>
该句话的作用就是引用Jquery类库,一般引用js文件都放在head标签中。
引入js文件后,可以直接引用js文件中的函数,直接函数名调用即可。
比如:
新建js文件,test.js 。
里面的内容是:
function test(){
alert(333)
}
那么在html页面里面引用完该js文件后,可以直接用下面的程序调用test()方法。
<script>
$(function(){
test();
});
</script>
对function函数的解释
1.function是关键字,用来声明函数。
2.fun是函数名,小括号内可以声明参数。
3.大括号内是函数体。
4.js函数都是共有的,不需要修饰符。
5.js函数不需要声明返回值类型。
6.函数只有被调用才会执行单独的从上向下读的时候方法是不运行的。
7.()可以传参,参数类型不必定义。
JavaScript中一共有5种基本数据类型
1.字符串型(String)js里面不区分单引号和双引号,两者效果一样
2.数值型(Number)
3.布尔型(Boolean)
4.null型(Null)
5.undefined型(Undefined)
使用JS的注意事项
1.Js属于松散类型的数据语言(弱类型语言),变量在声明时不需要指定数据类型,变量所引用的数据是有类型的,不同类型数据在计算过程中自动进行转换。
2.如果想要将其他数值转换为字符串有三种方式:toString()、String()拼串。
3.有三个函数可以把非数值转换为数值:Number(),parseInt()和parseFloat()。
4.Number表示的数字大小是有限的,范围是:± 1.7976931348623157e+308如果超过了这个范围,则会返回± Infinity。
5.NaN,即非数值(Not a Number)是一个特殊的数值,JS中当对数值进行计算时没有结果返回,则返回NaN。
6.布尔型也被称为逻辑值类型或者真假值类型。
布尔型只能够取真(true)和假(false)两种数值。除此以外,其他的值都不被支持。
其他的数据类型也可以通过Boolean()函数转换为布尔类型。
7.undefined 类型只有一个值,即特殊的 undefined 。
8.在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined。
例如:
var message;
message 的值就是 undefined。
9.typeof对没有初始化和没有声明的变量都会返回undefined。
10.Null 类型是第二个只有一个值的数据类型,这个特殊的值是null 。
11.从语义上看null表示的是一个空的对象。所以使用typeof检查null会返回一个Object。
undefined值实际上是由null值衍生出来的,所以如果比较undefined和null是否相等,会返回true;
12.JavaScript比较的都是值比较 所以如果比较undefined和null是否相等,会返回true
13.JavaScript的数值型能分为6种
number string null boolean undefined object (null是特殊的object)
typeOf()运算符的使用
1.使用typeof操作符可以用来检查一个变量的数据类型。
2. 使用方式:typeof 数据,例如 typeof 123。
3. 返回结果:
-
typeof 数值 number
-
typeof 字符串 string
-
typeof 布尔型 boolean
-
typeof undefined undefined
-
typeof null object
isNaN
判断被检测表达式经过转换后是否不是一个数。
如果被检测表达式不是数则返回true,否则返回false
==和===的区别:
除了==以外,JS中还提供了===。===表示全等,他和==基本一致,不过==在判断两个值
时会进行自动的类型转换,而===不会。也就是说”55”==55会返回true,而”55”===55会返回
false;同样我们还有!==表示不全等,同样比较时不会自动转型。也就是说”55”!=55会返回false,而”55”!==55会返回true;