js（JavaScript）基础

1、JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。

2、JavaScript特点

• 向HTML页面中添加交互行为
• 脚本语言，语法和Java类似
• 解释性语言，边执行边解释

3、JavaScript组成

4、JavaScript的基本结构 

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

 <script>…</script>可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。

5、javasc的执行原理

6、网页中引用JavaScript的方式

①外部js文件

<script src="hello.js" language="javascript"></script>

②在标签里面引用 

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

③在任意地方插入语句

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

7、JavaScript核心语法：

①变量

①先声明变量再赋值

var   width; width = 5;

②同时声明和赋值变量

var catName= “皮皮”; var x, y, z = 10;

③不声明直接赋值

变量可以不经声明而直接使用，但这种方法很容易出错，也很难查找排错，不推荐使用。

width=5;

②数据类型

数据类型	说明
undefined	var width; 变量width没有初始值，将被赋予值undefined
null	表示一个空值，与undefined值相等
number	var iNum=23;   //整数 var iNum=23.0;   //浮点数
boolean	true和false
string	一组被引号（单引号或双引号）括起来的文本 var string1="This is a string";

③数组

①创建数组

var  数组名称 = new Array(size);

②为数组元素赋值

var fruit= new Array("apple", "orange", " peach","bananer");

③访问数组

//   数组名[下标]

var fruit = new Array(4);
fruit [0] = " apple ";
fruit [1] = " orange ";
fruit [2] = " peach ";
fruit [3] = " bananer ";

④常用方法

类别	名称	描述
属性	length	设置或返回数组中元素的数目
方法	join( )	把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
	sort()	对数组排序
	push()	向数组末尾添加一个或更多 元素，并返回新的长度

④运算符号

类型	运算符
算术运算符	+    -   *    /    %    ++    --
赋值运算符	=
比较运算符	>    <     >=      <=     ==    !=
逻辑运算符	&&      ||     !

⑤逻辑控制语句

①if条件语句

			if(条件) {
				//JavaScript代码;
			} else {
				//JavaScript代码;
			}

②switch多分支语句 

			switch(表达式) {
				case 常量1:
					//JavaScript语句1;
					break;
				case 常量2:
					//JavaScript语句2;
					break;
					...
				default:
					//JavaScript语句3;
			}

③for、while循环语句 

			for(初始化; 条件; 增量) {
				//JavaScript代码;
			}

			while(条件) {
				//JavaScript代码;
			}

④循环中断：break continue

			var i = 0;
			for(i = 0; i <= 5; i++) {
				if(i == 3) {
					break;
				}
				document.write("这个数字是：" + i + "<br/>");
			}

			var i = 0;
			for(i = 0; i <= 5; i++) {
				if(i == 3) {
					continue;
				}
				document.write("这个数字是：" + i + "<br/>");
			}

⑥注释

①单行注释以 // 开始，以行末结束，例如：

alert("恭喜你！注册会员成功"); //在页同上弹出注册会员成功的提示框

②多行注释以 /* 开始，以 */ 结束，符号 /*…… */ 指示中间的语句是该程序中的注释。例如：

			/*
			使用for循环运行“document.write("<h3>Hello World</h3>");”5次
			使用document.write在页面上输出“Hello World” 
			*/

⑦常用的输入/输出

①alert()

 alert(“提示信息”); 

②prompt()

prompt(“提示信息”, “输入框的默认信息”); 
prompt(“请输入姓名”, “张三”); prompt(“请输入姓名”);

⑧语法约定

• 代码区分大小写
• 变量、对象和函数的名称
• 分号

——typeof运算符

typeof检测变量的返回值

typeof运算符返回值如下：

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

——String对象

属性

• 字符串对象.length

方法

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

方法名称	说      明
charAt(index)	返回在指定位置的字符
indexOf(str，index)	查找某个指定的字符串在字符串中首次出现的位置
substring(index1，index2)	返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
split(str)	将字符串分割为字符串数组

8、函数

函数的含义：类似于Java中的方法，是完成特定任务的代码语句块

使用更简单：不用定义属于某个类，直接使用

函数分类：系统函数和自定义函数

①常用系统函数

方法	说明	举例
parseInt ("字符串")	将字符串转换为整型数字	如: parseInt ("86")将字符串“86”转换为整型值86
parseFloat("字符串")	将字符串转换为浮点型数字	如: parseFloat("34.45")将字符串“34.45”转换为浮点值34.45
isNaN()	用于检查其参数是否是非数字

②自定义函数

function 函数名(){              //有参函数，无参函数
     //JavaScript语句;
     [return 返回值]           //可有可无   
}

调用函数

函数调用一般和表单元素的事件一起使用，调用格式：

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

①调用无参函数

function showHello()
{
   for(var i=0;i<5;i++)
      {
         document.write("<h2>Hello World</h2>");		 
      }
}

//单击此按钮时，调用函数showHello(count )，执行函数体中的代码
<input name="btn" type="button" value="显示10次HelloWorld" onclick="showHello()" />

②调用有参函数

function showHello(count)
{
   for(var i=0;i<count;i++)
      {
         document.write("<h2>Hello World</h2>");	 
      }
}


//单击此按钮时，调用函数showHello(count )，执行函数体中的代码
<input name="btn" type="button" value="请输入显示HelloWorld的次数"  onclick="showHello(prompt('请输入显示HelloWorld的次数：',''))"/>

匿名函数

var  showFun = function (count) { //无函数名  整个语句类似赋值语句:var showFun=变量值;

    for(var i=0;i<count;i++){
        document.write("<h2>Hello World</h2>");	 
    }
};

调用匿名函数：

<input name="btn" type="button value="请输入显示HelloWorld的次数"  onclick="showFun(prompt('请输入显示HelloWorld的次数:'))"/>