JavaScript&Bootstrap1

2022/7/26 14:25:02

编程Tag： js javascript 函数参数 function var alert 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的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！