Java教程

JavaScript&Bootstrap1

本文主要是介绍JavaScript&Bootstrap1，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1. JS介绍

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

JS最早取名LiveScript；为了吸引更多的Java程序员，更名JavaScript

JS是弱类型，Java是强类型

特点：

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

2. JS和HTML的结合和方式

  • 第一种方式

    只需要在head标签中，使用script标签来书写JS代码

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //alert是JS提供的一个警告框函数，
        //它可以接收任意类型的参数，这个参数就是警告框提示的信息
        alert("Hello JavaScript！");
    </script>
</head>
<body>

</body>
</html>

  • 第二种方式

    使用script标签引入单独的JS代码文件

    	<!--导入外部的JS文件-->
    <script type="text/javascript" src="1-hello.js"></script>
    <!--src属性专门用来引入JS文件路径（可以是相等路径，也可以是绝对路径）-->

两种方式二选一，不能同时使用两个方式

可以写入两个Script标签来使用两种方法，执行时顺序执行

3. 变量

JS的变量类型：

  • 数值类型：number
  • 字符串类型：string
  • 对象类型：object
  • 布尔类型：boolean
  • 函数类型：function

JS里特殊的值：

  • undefined：未定义，所有JS变量为赋于初始值时，默认值都是undefined
  • null：控制
  • NAN：全称是Not a Number。非数字、非数值

JS中的定义变量格式：

  • var 变量名;
  • var 变量名 = 值;
	<script type="text/javascript">
        var i;//undefined
        //alert(i);
        i = 12;
        // alert(i);//12
        // alert(typeof (i));//number
        i = "abc";
        // alert(typeof (i));//string

        var a = 12;
        var b = "abc";
        alert(a * b);//NaN
    </script>

4. 关系（比较）运算

  • > < >= <=
  • ==：等于。是简单的做字面值的比较
  • ===：全等于 。除了做字面值的比较还会比较两个变量值的类型
<script type="text/javascript">
	var a = "12";
	var b = 12;
	// alert(a == b);//true
	alert(a===b);//false
</script>

5. 逻辑运算

  • 且运算： &&
  • 或运算： ||
  • 取反运算： !

在JS中所有的变量都可以作为一个boolean类型的变量去使用

0、null、undefined、""（空串）都认为是false

<script type="text/javascript">
  	var a = 0;
  	if (a) {
    	alert("零为真");
  	} else {
    	alert("零为假");//√
  	}
</script>

6. 数组

JS中数组的定义格式：

​ var 数组名 = [];

​ var 数组名 = [1,'abc',true];

<script type="text/javascript">
  	var arr = [];//定义一个空数组
  	// alert(arr.length);//0
  	arr[0]=1;
  	alert(arr.length);//1
</script>

JS语言中的数组，只要我们通过数组下标赋值，最大的下标值就会自动地给数组进行扩容

7. 函数

函数的两种定义方式

  • 可以使用function关键字来定义函数

    使用的格式如下

    function 函数名(形参列表){

    ​ 函数体

    }

    <script type="text/javascript">
    //无参函数
    function f() {
      alert("我是无参函数");
    }

    //函数调用
    f();

    //有参函数
    function f1(a, b) {
      alert("我是有参函数，参数是" + a + b);//1aaa
    }

    f1(1, "aaa");

    //带有返回值的函数
    function f2(num1, num2) {
      var result = num1 + num2;
      return result;
    }

    alert(f2(10,20));//30
</script>

  • 第二种格式如下

    var 函数名 = function(形参列表){

    ​ 函数体

    }

<script type="text/javascript">
    var f3 =function () {
      alert("我是第二种无参函数定义方式")；
    }
    f3();
</script>

JS不允许函数重载

函数的arguments隐形参数（只在function函数内）

就是在function函数中不需要定义，但却可以直接用来获取所有参数的变量。我们管他叫隐形参数。

隐形参数特别像Java中的可变长参数一样

public void fun( Object .. args);

可变长参数其实是一个数组

<script type="text/javascript">
    var f4=function () {
      alert("隐形参数在哪里");
      alert(arguments.length);//查看参数个数 2
      alert(arguments[0]);//1
    }

    f4(1,"隐形参数");
</script>
这篇关于JavaScript&Bootstrap1的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航