使用JQuery快速高效制作网页特效1章
JavaScript是一种描述性语言,也是一种基于对象和事件驱动的,并具有安全性能的脚本语言。JavaScript应用程序都要下载到浏览器的客户端执行,从而减轻了服务器端的负担。
特点:
主要用来向HTML页面中添加交互行为。
是一种脚本语言,语法和java类似。
一般用来编写客户端的脚本。
是一种解释性语言,边执行边解释。
1.ECMAScript标准
ECMAScript是一种开放的,国际上广为接受的,标准的脚本语言规范。它不与任何具体的浏览器绑定。
2.浏览器对象模型(BOM),提供了独立于内容与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HTML的交互。
3.文档对象模型(网页元素)
文档对象模型(DOM),是HTML文档对象模型定义的一套标准方法,用来访问和操纵HTML文档。
JavaScript的基本结构
<script type="text/Javascript">
<!--
JavaScript语句
//向浏览器输出内容
document.write("输出内容");
-->
</script>
JavaScript的执行原理
1.浏览器客户端向服务器发送请求:一个用户在浏览器的地址栏中输入要访问的页面(页面中包含JavaScript程序)
2.数据处理:服务器端将某个包含JavaScript的页面进行处理
3.发送响应:服务器端含有JavaScript的HTML文件处理页面发送到浏览器客户端,然后由浏览器客户端从上至下逐条解析HTML标签和JavaScript,并将页面效果呈现给用户。
使用客户端脚本的好处:
包含JavaScript的页面只要下载一次即可,这样能减少不必要的网络通信。
JavaScript程序由浏览器客户端执行,而不是由服务器执行的,因此能减轻服务端的压力。
引用JavaScript的方式
1.使用<script>标签
2.使用外部JavaScript文件
<script src="hello.js" type="text/javascript">
3.直接在HTML标签中
(例)
<onclick="javascript:alert('欢迎你')">
JavaScript核心语法
var 合法变量名;
例: var width=20; //在声明变量width的同时,将数值20赋给了变量width
var x,y,z=10; //在一行代码中声明多个变量时,各变量之间用逗号分隔
(JavaScript区分大小写,特别是变量的命名。)
数据类型
1.undefined类型:
当声明变量未初始化时,该变量的默认值是undefined。例: var width;
2.null类型:
可以用来检测某个元素是否被赋值.例:alert(null==undefined); //返回值为true
3.numberz类型
这种类型既可以表示32位整数,又可以表示64位的浮点数。
var iNum=23;
var iNum=23.0;
4.String类型
1,字符串的定义:
字符串是一组被引号(单引号或双引号)括起来的文本。例:var string1="this is a";//定义一个字符串string1
(JavaScript不对“字符‘或”字符串“加以区别)
2.字符的属性和方法
length属性,表示字符串的长度(包括空格等)
var str=strlength.length;
String对象常用的方法
toString() 返回字符串
toLowerCase() 把字符串转化为小写
toUpperCase()把字符串转化为大写
charAt(index) 返回在指定位置的字符
indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置(没有就返回-1)
substring(index1,index2) 返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包括索引index2对应的字符
split(str) 将字符创分割为字符串数组
5.boolean类型
true和false
JavaScript提供了typeof运算符来判断一个值或变量究竟属于哪种数据类型。
object:如果变量是null类型,或者变量时一种引用类型,如对象,函数,数组,则返回object类型的结果。
数组:
var 数组名称=new Array(size);
语法: var fruit=new Array("apple","orange","peach","bananer");
数组的常用属性和方法
length 返回数组中元素的数目
join() 把数组的所有元素放入一个字符串,通过一个分隔符进行分隔
sort() 对数组排序
push() 向数组末尾添加一个或更多元素,并返回新的长度
for循环的第二种写法:
//fruit数组名
for(var i in fruit){
}
常用的输入/输出
//警告
alert("提示信息")
//提示
prompt(”提示信息“,"输入框的默认信息");
var str=prompt(”提示信息“,"输入框的默认信息");;
名称可以包括大写字母,小写字母,数字,下划线和美元符号($),但必须以字母,下划线或美元符号($)开头。
常用系统函数:
JavaScript 提供两种把非数字的原始值转换成数字的函数,即parsetInt()和parseFloat(),它提供了一个检查是否非数字的函数isNaN().
parseInt("字符串")可以解析一个字符串,并返回一个整数。
parseInt("字符串");
parseInt()函数首先查看位置0处的字符,判断是否为一个有效数字,如果不是则返回NaN。
parseFloat()函数与parseInt相似
isNaN() 函数用于检查其参数是否是非数字
var flag1=isNaN("12.5"); //返回false
var flag1=isNaN("12.5s"); //返回true
自定义函数
function 函数名(参数1,参数2......){
//JavaScript语句
[return 返回值]
}
调用函数: 事件名="函数名()"
匿名函数:
var show= function(参数1,.....){ //是没有名字
}
调用匿名函数:事件名=”show()“