JAVA WEB之JavaScript一

javascript学习笔记

一、javascript简介

javascrpt是基于对象和事件驱动的脚本语言,主要用在客户端

特点:

    -交互性(信息的动态互动)

    -安全性(不可以直接访问本地磁盘)

    -跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)

-----基于对象:

      **提供了很多对象,不需要创建对象,可以直接拿来用

-------事件驱动

       **HTML做静态效果,JavaScript动态效果

----------客户端  专门指浏览器

二、JavaScript和Java的关系

雷锋和雷峰塔,老婆和老婆饼的关系

三、JavaScript的组成

四、JavaScript与HTML的结合方式

第一种:

       ----使用一个标签<script  type=”text/javascript”>js代码</script>

       <html>

          <head>   

</head>

<body>

 <script  type=”text/javascript”  src=”1.js”>

  alert(“aaaaaaaa”);

</script>

</body>

</html>

第二种:

       -----使用script标签,引入一个js代码

 

 

五、js的原始类型和声明变量

***js的原始类型

   ---string :字符串

   ---number :数字类型

   ---boolean :布尔类型  

   ---null   null表示对象引用为空,所有对象的引用也是object

   ---undeifined  定义一个变量,但没有复制 var  aa;

***声明变量 利用var关键字

   var s =”10”;

***typeof()  查看当前的变量类型

六、js的流程控制语句

1、if和Java中一样

2、switch和Java中一样

3、循环语句for(同Java),while(同Java),do-while

  

七、js里面的运算符

    1、js里面不区分整数和小数

     如下Java代码运行结果为0:

    public  static  void main(String args[]){

  int  i = 123;

  System.out.println(i/1000*1000);

}

    然而在js中结果为123

  

  

    2、字符串的相加和相减

       *相加做的是字符串连接

        *相减做的是减法

      var str =”456”;

alert(str+1);##相加时,和Java结果一样

alert(str-1);##相减时,执行减法

3、boolean类型

   *如果设置为TRUE,则相当于1

  *如果设置为FALSE,则相当于0

4、==和===的区别

   **==比较的是值

   **===比较的是值和类型

直接向页面输出的数据:(向页面输出内容)

*document.write()

  八、js的数组

    定义:

      第一种方法:

         var arr  = [1,2,3,4];

         var arr1 = [1,”2”, 3,true];

      第二种方法:使用内置Array对象

         var arr = new Array(5);//定义一个长度为5的数组

            arr[0] = 1;

         var arr1 = new Array(6,7,8);

      数组里面有个length属性,输出数组的长度

      数组的长度是可变的

九、js的函数

    定义函数的三种方式:

    1、function 方法名(参数列表){

 

};

//参数列表中只需写变量名即可,不要写var,如add1(a,b)

//返回值用return关键字

调用方法:

方法名(参数列表);

          2、匿名函数

                 var add =  function(参数列表){

   方法体和返回值;

}

//可以通过add调用函数,例如add(3, 5)

           3、使用js的内置对象Function

                 var add = new Function(”参数列表”, “方法体和返回值”)

                    

十、js的全局变量和局部变量

               **全局变量:在script标签里面定义一个变量,这个变量在页面中js部分都可以使用

              **局部变量:在方法内部定义的变量,只能在方法内部使用

 

 调试代码,使用IE浏览器打开HTML代码,按F12即可调试HTML代码

    

      十一、script标签的位置

           可以放在HTML文档里面的任意位置,建议放在<body></body>后面

      十二、js的重载

        

         

 

 

          

 

 

        

         

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
完整全套资源下载地址:https://download.csdn.net/download/qq_27595745/70761177 【完整课程列表】 完整版Java web开发教程PPT课件 Java开发进阶教程 第01章 JavaScript简介以及基本语法(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第02章 Dom模型,控制客户端元素(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第03章 表单验证,常用函数(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第04章 自定义web服务器(共14页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第06章 SERVLET(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第07章 JSP语法及运行过程(共13页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第08章 JSP内置对象(共22页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第09章 jstl、el、java bean(共18页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第10章 过滤器、监听器、自定义标签(共19页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第11章 AJAX实现(共11页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第12章 自定义mvc框架(共11页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第13章 spring ioc aop(共18页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第14章 spring mvc介绍,原理以及搭建(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第15章 spring mvc核心对象拦截器(共26页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第17章 自定义orm框架(共11页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第18章 mybatis框架的搭建以及应用(共13页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第19章 mybatis高级应用(共21页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第20章 数据库连接池,缓存(共15页).pptx 完整版Java web开发教程PPT课件 Java开发进阶教程 第22章 常用框架的介绍以及环境搭建(共16页).pptx JS课程案例ebookHTML\网上书店需求文档.doc

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值