• 使用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()“

    我是不会选择做一个普通人的,如果我能够做到的话,我有权成为一位不寻常的人,我寻找机会,但我不寻求安稳,我不希望在国家的照顾下,成为一名有保障的国民,那将被人瞧不起,而使我感到痛苦不堪,我要做有意义的冒险,我要梦想,我要创造,我要失败,我也要成功,我的天性是挺胸直立,骄傲而无所畏惧,我勇敢的面对这个世界,自豪的说:在上帝的帮助下,我已经做到了。
  • 相关阅读:
    typeof 和 Object.prototype.toString 的区别
    获取地理信息的JavaScript 库 -- YQL Geo
    关于html5手机
    我看过的书的示例网站
    解决跨浏览器问题网站收集
    【docker】docker初试与填坑
    sunJCE or ibmJce,was服务器下使用des的注意点
    cxf-webservice-在was6服务器上运行
    微星b85(b85i b85-gaming) 系列dsdt
    IE10的bug?disabled button如何触发事件
  • 原文地址:https://www.cnblogs.com/xiongrui/p/4827515.html
Copyright © 2020-2023  润新知