怎样快速入门JavaScript语言!

脚本语言

直接嵌入到HTML页面上,JavaScript和CSS都是脚本语言。

js是一门独立的编程语言,语法和java基本类似,不需要编译 --由浏览器解释执行代码,不进行预编译

js的特点

1 .可以使用任何文本编辑工具编写

2 .由浏览器内的JavaScript引擎执行代码

3.解释执行:事先不编译,逐行执行

4.基于对象:内置大量现成对象

js适宜哪方面的内容

1.客户端数据计算

2.客户端变淡合法性验证

3.浏览器事件的触发

4.网页特殊显示效果的制作

5.服务器的异步数据提交

js三种书写方式

  1. 事件定义式:

    在定义事件时直接写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;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值