码迷,mamicode.com
首页 > Web开发 > 详细

使用JQuery快速高效制作网页特效1章

时间:2015-09-21 23:49:59      阅读:300      评论:0      收藏:0      [点我收藏+]

标签:

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()“

使用JQuery快速高效制作网页特效1章

标签:

原文地址:http://www.cnblogs.com/xiongrui/p/4827515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!