(3)javascpipt基础知识

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>

      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

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

   </head>

   <body>

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

      <script type="text/javascript">

        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







  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值