一、JavaScript介绍

Javascript语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行JavaScript代码。

特点：

  1. 交互性（它可以做的就是信息的动态交互）
  2. 安全性（不允许直接访问本地硬盘）
  3. 跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关

JavaScript与Java不同

  1. JS是Netscape公司的产品，前身是LiveScript;Java是Sun公司的产品，现在是Oracle公司的产品。JScript微软  w3c ECMA组织   ECMAScrip   jQuery
  2. JS是基于对象，Java是面向对象。
  3. JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。  JS代码有无，浏览器一般不会提示错误。
  4. JS是弱类型，Java是强类型。

二、JavaScript和html代码的结合方式

　　1. 第一种方式 使用script标签嵌入js代码

需要在html文件中嵌入JavaScript代码时，需要在html文件中使用script标签完成。

　　 2.第二种方式 外部引入js文件

　　3. JS中的注释

JavaScript是一门编程语言：

任何一门语言都具备如下的特点：

1、注释

2、关键字、标识符

3、常量、变量、运算符

4、语句、判断、循环、switch

5、函数 方法

6、数组

我们学习JS和Java的不同之处。

java中的注释：// 、/** */、 /* */

js中的注释有2种：

单行注释：

//  注释内容

多行注释：

/*  注释内容 */   多行中不能嵌套多行注释，但可以嵌套单行注释

　　4.、关键字、标识符

关键字：被JS赋予了特定含义的单词或者字母的组合。

var if switch  do while for continue break 等

标识符：开发者根据自己的需求定义的一个符号，这些符号可以由 字母  数字  下划线  $  符号，开始不能是数字。

　　5、常量

Java中的常量：

整数、小数、字符、布尔值、null、字符串。

Java中的数据类型：

整数：byte short int long

小数：float double

字符：char

布尔：boolean

字符串：String

Js中的常量：

数值：整数和小数

字符串：在js中使用单引号或者双引号引用起来的全部都是字符串

布尔：true false  在js中零，null、undefined等可以理解成false，所有非零、非null、非undefined值都可以理解成true。

null：null

undefined：undefined

JS中的数据类型：

数值型：number

字符串：string

布尔：boolean

对象类型：Object

在JS中也有二进制、八进制、十进制、十六进制。运算规则和Java一致。

　　

6、变量

变量：表示的是一个内存空间。可以保存常量数据。

Java中如何定义一个变量：

数据类型 变量名 ;    数据类型 变量名 = 初始值;

JS中定义变量：

var 变量名；  var 变量名 = 初始值;

JS中定义的变量空间，在没有赋值之前，这些空间中是没有数据类型的。定义的空间可以保存任何类型的数据。

 // 1. 定义一个变量名，使用typeof检测类型

 // 2. 给变量赋值数值型，使用typeof检测类型

 // 3. 给变量赋值字符串型，使用typeof检测类型

　　7. 运算符：

+  -  *    /   %     ++  --

1、由于js中的小数和整数都是number类型，不存在类似整数除以整数还是整数的结论。

2、字符串和其他的数据使用+号运算，会连接成一个更长的字符串。

3、如果字符串和和非+号的进行运算，

如果字符串可以转成number数据，就会把字符串转成number数据进行运算。

如果字符串无法转成numbe 进行运算，就得到NaN结果，表示当前是一个非数字结果。

NaN ： not a number

示例：

// 猜结果

var x = 4321 / 1000 * 1000;

alert(x); // 4321

var y = "23" + 20;

alert(y); // 2320

var z = "23" - 20;

alert(z); // 3

var j = "aaa" - 20;

alert(j); // NaN

　　a.、赋值运算

= 把右侧结果赋值给左侧空间。

var x = 123；

+= -= *= /=  %=  和Java运算一致

　　b. 关系（比较）运算

三、函数

　　1. 第一种

格式：

function 函数名( 参数列表 )

{

函数体;

}

函数的细节：

　　2.第二种定义函数的格式

格式：

var 函数名 = new Function( “接受数据的变量名”,”函数体的代码” );

　　3. 第三种定义函数的格式

第三种定义方式：匿名函数

格式：

function(){

函数体;

}

 <script type="text/javascript">

         var demo = function(){

             alert("123");

         }

         //demo();

         // window对象是js已经创建好的，我们可以直接使用的对象

         // onload是js对象的一个加载事件，这个功能：当整个页面加载完成后执行

         window.onload = function(){

             // alert("咱们帅哥真多！");

             // 给用户名的input绑定单击事件

             document.getElementById("username").onclick = function(){

                 // 将input框中的值清空

                 document.getElementById("username").value = "";

             }

         }

     </script>

   </head>

   <body>

         用户名：<input type="text" id="username" value="美女姓名"/>

   </body>

window.onload = function(){

　alert("咱们帅哥真多！"

);

其实就是当页面加载完成后执行 就是说页面全部加载完毕 最后才执行 ， 那上面用户名美女姓名当你页面加载完毕后 会在text文本标签中显示美女姓名，所以在绑定单击事件后清空

四、JS中的对象

　　1、Date对象

 <script type="text/javascript">

         // 定义日期

         var d = new Date();

         document.write(d.toLocaleString() + "<br/>");

         document.write(d.toLocaleTimeString() + "<br/>");

         document.write(d.toLocaleDateString() + "<br/>");

         // 页面加载完成后执行

         window.onload = function(){

             window.setInterval("setTime()",1000);

         }

         function setTime() {

             // 创建日期对象

             var d = new Date();

             // 获取div标签对象，向里面放值

             document.getElementById("setTime").innerHTML = d.toLocaleTimeString();

         }

     </script>

   </head>

   <body>

       <div id="setTime"></div>

   </body>

String对象

Math对象和Java中的基本一致

RegExp对象，正则对象，正则表达式的书写规则和Java也一致：

. 当前可以是任意字符

? 表示零次或一次

* 表示零次或多次

+ 表示一次或多次

() 对某个存在的正则进行分组   组的使用  \组号   $组号

{} 当前的规则可以出现的次数

{m} 正好 m次  {m,} 最少m次  {m,n} 最少m次 最多n

[] 当前位置上可以是中括号中某个字符

[abc] [^abc]

\\d 当前位置上可以数字

\\w 当前位置上可以是字母 数字 下划线

\b 单词边界

^ 行开始

$ 行结尾

需求： 1、需要打印当前当前的时间；yyyy-MM-dd hh:mm:ss 2、给定字符串，判断是否符合4~12位的字母 数字 下划线的的组合。

一定要写 行开始和行结束

　　2. JS中的全局函数

在JS中有上述的函数，可以直接在js代码中使用，不需要通过任何对象来调用。

需求：

1、 对含有中文参数的URL进行编码和解码

2、 使用eval将字符串转成js代码执行（重要,JASON都会用到）

 <script type="text/javascript">

         //1、 对含有中文参数的URL进行编码和解码

         var url = "http://www.baidu.com?username=高圆圆&age=23&sex=女";

         // 编码

         var encUrl = encodeURI(url);

         //alert(encUrl);

         // 解码

         var decUrl = decodeURI(encUrl);

         //alert(decUrl);

         //2、 使用eval将字符串转成js代码执行

         eval("alert('abc')");

     </script>

1、js和Java的不同之处。

2、函数的定义和使用  第一种  和第三种

3、了解 js中的数组操作

五、JS中的自定义对象：

1、js中的函数就是对象，对象就是函数。

2、动态的给对象添加属性和方法。

3、给对象定义默认的构造方法。

 /*

             1、js中的函数就是对象，对象就是函数。

             2、动态的给对象添加属性和方法。

             3、给对象定义默认的构造方法。

         */

         function Person() {} // 理解为定义一个类

         var person = new Person(); // 实例化一个Person

         // 2、动态的给对象添加属性和方法。

         person.name = "高圆圆";

         person.age = "23";

         person.setName = function(name){

             this.name = name;

         }

         person.getName = function() {

             return this.name;

         }

         alert(person.name + "    " + person.age);

         person.setName("杨幂");

         alert(person.getName());

         var person2 = new Person();

         // person2.setName("baby");

         // 3、给对象定义默认的构造方法。

         function Dog(name, color) {

             this.name = name;

             this.color = color;

             this.setName = function(name) {

                 this.name = name;

             }

             this.getName = function(){

                 return this.name;

             }

         }

         var d = new Dog("旺财","黑色");

         alert(d.getName());

JAVA企业级开发-JavaScript(02)的更多相关文章

  1. JAVA企业级开发-BOM&DOM(03)

    一.BOM对象介绍 BOM对象:Browser Object Model 浏览器对象模型.把整个浏览器当做一个对象来处理. 一个浏览器对象中又包含了其他的对象. 重点介绍:window.history ...

  2. JAVA企业级开发-session，cookie(13)

    一. jsp jsp: java server pager        .java动态生成网页的一门技术 使用servlet生成网页时候遇到的问题,为什么使用jsp? 在servlet里面书写htm ...

  3. JAVA企业级开发--jsp,el,jstl(14)

    三. EL表达式语言 EL 全名为Expression Language.表达式语言.jsp2.0之后才引入的. EL主要作用:替代:<%= %>     out.print(); 获取数 ...

  4. mongodb高级操作及在Java企业级开发中的应用

    Java连接mongoDB Java连接MongoDB需要驱动包,个人所用包为mongo-2.10.0.jar.可以在网上下载最新版本. package org.dennisit.mongodb.st ...

  5. java企业级开发的实质就是前台后台如何交互的-各个对象之间如何交互，通信的-程序执行的流程是怎样的

    1.开山鼻祖-servlet 如何将url 和 strvlet(.java文件)联系起来的 顺平说的:在xml中,url先找到xml,由对应的url的得到servlet那个类,然后就可以输入一个网址访 ...

  6. JAVA企业级开发-jdbc事务，数据库连接池(10)

    一.   JDBC事务 事务: 问题1.什么是事务 问题2.java中(jdbc)如何控制事务 1. 事务—重点 指的的逻辑上的一组(一组sql,insert update ,delete)操作,组成 ...

  7. JAVA企业级开发-jdbc入门(09)

    一. jdbc介绍 JDBC全称为:Java DataBase Connectivity(java数据库连接). SUN公司为了简化.统一对数据库的操作,定义了一套Java操作数据库的规范,称之为JD ...

  8. JAVA企业级开发-sql入门（07）

    一. 数据库 什么是数据库? 就是一个文件系统,通过标准SQL语言操作文件系统中数据 ---- 用来存放软件系统的数据 我们今天学习的数据库是mysql.关系型数据库. 什么是关系化数据库 ? 保存关 ...

  9. JAVA企业级开发-xml基础语法&约束&解析(04)

    一.什么是xml html:超文本标记语言.它主要是用来封装页面上要显示的数据,最后通过浏览器来解析html文件,然后把数据展示在浏览器上.同样我们可以使用JS和DOM技术对html文件进行解析和操作 ...

随机推荐

  1. java 对象变量 c++对象指针 初始化对象变量的2中方法

    java 对象变量 c++对象指针 java null引用 c++ null指针 Date deadline  是 对象变量,它可以引用Date类型的对象,但它不是一个对象,实际上它也没有引用对象. ...

  2. iOS Dev (53) 修复UIImagePickerController偷换StatusBar颜色的问题

    版权声明:本文为 CSDN 博主 大锐哥(ID 为 prevention)原创文章,未经博主同意不得转载. https://blog.csdn.net/prevention/article/detai ...

  3. HTML——列表的相关知识

    核心知识点: 1.无序列表: ul>li 2.有序列表:ol>li 3.标题列表:dl(标签)>dt(标题)>dd(选项) 4.表格:table>thead(>tr ...

  4. C ~ 指针的运算

    一 :取地址运算“&”与取内容运算“*”: 单目运算“&”是取操作对象的地址 , “*”是取指针指向的对象的内容 , 两者互为逆运算 int x , *p ; p = &x ; ...

  5. drawable animation基础

    动画配置<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android: ...

  6. c#应用程序带参数运行

    有时候我们需要让软件带参数运行,使用参数控制软件的部分行为, C#默认窗口应用是不带参数的,不过在Main函数的参数手动加上就可以得到参数了. 举例如下: /// <summary> // ...

  7. css浏览器兼容问题集锦

    表单按钮用input type=submit和a链接两者表现不一致的问题 表单的输入框.文本.验证码图片没有对齐 IE6/7中margin失效 IE6中margin双边距 1.问题: 表单按钮用inp ...

  8. png24 png8 jpeg与gif

    png24无损压缩,支持透明,有8位布尔透明通道,支持半透明,生成的图片品质最高,也最大 png8支持透明,有1位布尔透明通道,要么透明.要么半透明,生成的图片很小,只支持256色 jpeg有损压缩, ...

  9. ceres求解BA第10章

    1.前言g2o是根据边来保存每一个代价函数,它是在边类中构造误差函数,构造边的时候,会设置顶点.测量值.协方差矩阵等.而在ceres中,用problem类型来构造最终的目标函数.先是使用AddResi ...

  10. interceptors

    <mvc:interceptors> <mvc:interceptor> <mvc:mapping path="/**"/> <bean ...