(3)javascpipt基础知识

最新推荐文章于 2021-03-15 10:54:02 发布

whitesun123

最新推荐文章于 2021-03-15 10:54:02 发布

阅读量338

点赞数

分类专栏： java web

java web 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1. JavaScript简介

1.1. JavaScript由来

JavaScript由Netscape 在1995年发明。早期的主要目的是处理一些用户的输入验证操作。而在JavaScript语言出现之前客户端的页面时需要提交到服务器端，由服务器去检测的。在刚刚普及的电话线调制解调器时代，对用户是一种考验，著名的Netscape Navigator（早期浏览器）通过引入JavaScript来解决该问题

JavaScript 是属于网络的脚本语言！JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 是因特网上最流行的脚本语言。

1.2. JavaScript特点

1. 安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。

2. 跨平台性。（只要是可以解释Js的浏览器都可以执行，和平台无关。）

1.3. JavaScript与Java不同

1. JS是Netscape公司的产品，Java是Sun公司的产品

2. JS是基于对象，Java是面向对象。

3. JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。

4. JS是弱类型，Java是强类型。

1.4. JavaScript内容

目前我们学习JavaScript也就是需要学习：

JavaScript语法基础

使用JS操作网页（DOM）

使用JS操作浏览器（BOM）

1.5. 体验JavaScript

<html >

<head>

<title>体验JavaScript语言</title>

</head>

<body>

<h1>体验JavaScript语言</h1>

window.document.write("hello,world");

</script>

</body>

</html>

2.引入方式与引入位置

1. JS代码存放在标签对<script>．．．</script>中。

2. 使用script标签的src属性引入一个js文件。（方便后期维护，扩展）

例：<script src=”test.js”type=”text/javascript”></script>

注：规范中script标签中必须加入type属性。

注意：

1、页面上可以有多个<script>标签

2、 <script>标签按顺序执行

3、 <script>标签可以出现在任意的页面位置

4、<script>标签一定要写</script>关闭，而不能<script/>这样关闭。否则没有任何错误信息，但是没有运行结果。

3.常用函数

window.alert()或写为 alert() ：显示一个提示框显示内容。

window.document.write()：在网页的当前位置处写内容。

变量是弱类型的

与 Java不同，ECMAScript 中的变量无特定的类型，定义变量时只用 var 运算符，可以将它初始化为任意值。

因此，可以随时改变变量所存数据的类型（尽量避免这样做）。

4.数据类型

javascript中有4种基本数据类型:

Undefined,Boolean,Number和String

类型的总结：

所有的数值都是number类型

字符和字符串都是string类型

布尔是boolean类型

如果一个变量没有初始化值的时候，其类型为undefined类型。表示没有定义。

5.JavaScript函数基础

函数主要用来封装具体的功能代码。

函数是由这样的方式进行声明的：关键字 function、函数名、一组参数，以及置于括号中的待执行代码。

注意：函数的形参是不用声明使用的。

函数的基本语法是这样的：

functionfunctionName(arg0, arg1, ... argN) {

statements

}

特点：

1、使用function关键字定义函数。

2、没有任何的返回值类型。

3、函数的定义优先执行，与顺序无关。

4、可以通过函数名赋值函数，函数变量的类型是function对象。

5、参数列表不能有var关键字。

6、函数的参数列表在具体调用的时候实参个数可以和形参个数不同。

7、JavaScript函数天然的支持可变参数。

8、同名的函数最后声明会覆盖前面以声明。Javascript中没有函数重载。

<html>
    <head>
       <title>学习JavaScript</title>
    </head>
    <body>
       月份：
       <input type="text" id="month">
       <input type="button" value="显示天数" οnclick="foo()">
       <!--
       31天：1,3,5,7,8,10,12
       30天：4,6,9,11
       28天：2
       -->
       <script type="text/javascript">
           function foo(){
              var monthValue = document.getElementById("month").value;
              // 如果是非数字，则不再继续执行
              if( isNaN(monthValue) ){
                  alert("请输入正确的月份！");
                  return;
              }
              // 转为数字
              monthValue = parseInt(monthValue);
              // 判断范围
              if( monthValue < 1 || monthValue > 12){
                  alert("请输入正确的月份（1--12）！");
                  return;
              }
              // 根据月份显示天数
              switch(monthValue){ // 这时不会自动转换类型，所以先转型
                  case 2:
                     alert("28天");
                     break;
                  case 4:
                  case 6:
                  case 9:
                  case 11:
                     alert("30天");
                     break;
                  default:
                     alert("31天");
                     break;
              }
           }
       </script>
    </body>
</html>

参考代码:https://github.com/bxwhite/javaweb/blob/master/HTML_JS1.html