Javascript 之入门

来源:互联网 发布:c语言中short什么意思 编辑:程序博客网 时间:2024/06/06 19:46

1 . 什么是JavaScript?
*JavaScript是一种属于网络的脚本语言。
翻译为:
* 是基于对象和事件驱动的语言,应用与客户端。

【解析】
- 基于对象:
*正如OOD(面向对象的方法),提供了好多对象,内置方法,可以直接拿过来用,比如window.alert(),这就是一个window对象调用了alert()方法
- 事件驱动:
** html做网站静态效果,javascript动态效果
- 客户端:专门指的是浏览器

2 . * js的特点
(1)交互性
- 信息的动态交互
(2)安全性
- js不能访问本地磁盘的文件
(3)跨平台性
- java里面跨平台性,虚拟机
- 只有能够支持js的浏览器,都可以运行
3 . ** js和html的结合方式(两种)

        第一种 <script type="text/javascript"> js代码; </script>        第二种 <script type="text/javascript" src="js的路径"> </script>


【注意:】script标签放在的位置
* 建议把script标签放到 后面
* 如果现在有这样一个需求:
在js里面需要获取到input里面的值,如果把script标签放到head里面
会出现问题。
html解析是从上到下解析的,script标签放到的是head里面,直接在里面取input里面的值,
因为页面还没有解析到input那一行,肯定取不到。看图

这里写图片描述

4 . * js的变量声明
js时弱变量型语言,也就是不需要声明变量的类型,直接用var就可以了
但是还是说一下几个数据类型,存粹当作了解也可以

string: 字符串         *** var str = "abc";number:数字类型         *** var m = 123;boolean:truefalse     *** var flag = true;null      *** var date = new Date();            *** 获取对象的引用,null表示对象引用为空 ,所有对象的引用也是object   undifined   *** 定义一个变量,没有赋值    *** var aa;          

【注意,扩展】** typeof(); 查看当前变量的数据类型

5 . * js的语句:只要是稍稍学过编程的人就会,这里不讲

* if
* switch
* for while do-while

6 . * js的运算符:只要是稍稍学过编程的人就会,这里不讲

* 字符串的操作
* 字符串相加:连接
* 字符串相减:执行相减运算
** boolean类型也可以操作
* 如果设置成true,相当于这个值是1
* 如果设置成false,相当于这个值是0
* == 和 === 区别
** == : 判断值
** === : 判断值和类型,恒等于

        var str = "456";        //alert(str+1);   //在java里面操作的结果是 4561 ,在js里面还是 4561        alert(str-1);    //相减时候,执行减法的运算  455

7 . * js的数组

三种定义方式
** var arr = [1,2,”3”];
** var arr1 = new Array(9); //长度9
** var arr2 = new Array(1,2,3); //元素是 1 2 3
** 属性 length:数组的长度

//第一种: var arr = [1,2,3];   var arr = [1,"4",true];//第二种:使用内置对象 Array对象var arr1 = new Array(5);  //定义一个数组,数组的长度是5arr1[0] = "1"; //赋值//第三种:使用内置对象 Arrayvar arr2 = new Array(3,4,5); //定义一个数组,数组里面的元素是3 4 5 

【注意】* 数组可以存放不同的数据类型的数据
8 . * js的函数:有三种定义方式

第一种方式:使用到一个关键字 function
第二种方式:匿名函数
第三种方式:很少用,忽略了,他就是使用了 Function内置对象

//第一种function 方法名(参数列表) {方法体;返回值可有可无(根据实际需要);}function test() {alert("qqqqq");}function add1(a,b) {var sum = a+b;alert(sum);}调用方法:test() ;//第二种var add3 = function(m,n) {alert(m+n);}

9 . * js的全局变量和局部变量

** 全局变量:在页面中任何js的部分,都可以使用
** 局部变量:在方法内部定义一个变量,这个 变量只能在方法内部使用

//全局变量:在方法外部使用,在方法内部使用,在另外一个script标签使用//局部变量:在方法内部定义一个变量,只能在方法内部使用        // 如果在方法的外部调用这个变量,提示出错var a = 2 ;//全局变量function test(){alert(a); var c = 3;} //正确function test(){alert(c);} //错误,局部变量不能再外部调用,作用域问题

这是非常简单的js基础知识,掌握了js的人花个一分钟浏览一下即可。下节课会讲一下js的对象的使用,这个才是重点

0 0