JavaScript基础——第一章,基础

一,Javascript的基本结构

<script type="text/javascript">
    <!—
        JavaScript语句;
    —>
</script>

二,网页中引用JavaScript的方式

使用<script>标签

<body>
	<script type="text/javascript">
	    <!--
	    document.write("初学JavaScript");
	    document.write("<h1>Hello,JavaScript</h1>");
	    -->
	</script>
</body>

 

外部JS文件

<script src="export.js"type="text/javascript">

</script>

直接在HTML标签中

<input name="btn"type="button"value="弹出消息框"οnclick="javascript:alert('欢迎你');"/>

三,变量

//先声明变量再赋值
var width;
wtdth = 5;   

//同时声明变量和赋值
var width = 5;

//不声明直接赋值
width = 5;
  • 变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用

四,数据类型

  • undefined          变量没有初始值,将被赋予值undefined
  • null                      表示一个空值,与undefined相等
  • number              整数和浮点数
  • boolean              true和false
  • string                   一组被引号(单引号或双引号)扩起来的文本

五,typeof运算符

检测变量的返回值

typeof运算符返回值如下

  • undefined :变量被声明后,但未被赋值
  • string :用单引号或双引号来声明的字符串
  • boolean:true或false
  • number:整数和浮点数
  • object:javascript中的对象,数组或null

六,String对象

  • 属性:

             字符串对象 . leng

  • 方法:

            字符串对象 . 方法名();

charAt(index):返回在指定位置的字符

indexOf(str,index):查找某个指定字符串在字符串中首次出现的位置

substring(index1,index2):返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包                                                                       括索引index2对应的字符

split(str):将字符串分割为字符串数组

七,数组

  • 创建数组
var arr = new Array(5);    //创建数组
/*为数组元素赋值*/
arr[0] = "aaa";
arr[1] = "bbb";
arr[2] = "ccc";
arr[3] = "ddd";
arr[4] = "eee";
  • 属性和方法

length;设置或返回数组中元素的数目

join();把数组的所有元素放入一个字符串,通过一个分隔符进行分割

sort();对数组排序

push();想数组末尾添加一个或更多元素,并返回新的长度

八,运算符号

  • 算术运算符:+ , - , * , /
  • 赋值运算符:= , += , -=
  • 比较运算符:> ,< , >=,<=,== , != ,=== ,!==
  • 逻辑运算符:&& , || ,!

九,逻辑控制语句

 

  • if()条件语句
  • switch多分支语句
  • for,while循环语句
  • for-in
var arr = new Array("America","Greece","Britain","Canada","China","Egypt");
			for(var i in arr){
				document.write(arr[i] + "<br/>");
			}
}

十,什么是函数

 

  1. 函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
  2. 使用更简单:不用定义属于某个类,直接使用
  3. 函数分类:系统函数和自定义函数

常用的系统函数:

parseInt():将字符串转换为整形数字

parseFloat():将字符串转换为浮点数字

isNaN():用于检测其参数是否是非数字

自定义函数:

function 函数名(参数1,参数2,参数3,......){

            //javascript语句

           [ return  返回值 ]

}

调用函数:

事件名 = " 函数名()";

十一,事件

  • onload:一个页面或一个图像完成加载

  • onlick:鼠标单击某个对象

  • onmouseover:鼠标指导移到某元素上

  • onkeydown:某个键盘按键被按下

  • onchange:域的内容被改变

posted @ 2018-08-30 01:13  程序员从入门到入狱  阅读(1)  评论(0编辑  收藏  举报