首页 > 编程语言> 文章详细

JavaScript&Bootstrap1

2022-07-25 18:31:12 阅读：133 来源： 互联网

标签：function 函数 JavaScript JS 参数 var alert 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>

标签：function,函数,JavaScript,JS,参数,var,alert,Bootstrap1
来源： https://www.cnblogs.com/hackertyper/p/16518362.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9