JavaWeb - JavaScript

JavaScript

JS 是弱类型,Java 是强类型
特点
1.交互性(它可以做的就是信息的动态交互)
2.安全性(不允许直接访问本地硬盘)
3.跨平台性(只要是可以解释 JS 的浏览器都可以执行,和平台无关)

01-hello.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        // alert 是 JavaScript 语言提供的一个警告框函数.
        // 它可以接收任意类型的参数,让这个参数就是警告框的提示信息
        alert("hello javaScript!")
    script>
head>
<body>

body>
html>

1.js 和 02-hello.html

alert("1122 hello world!");
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    
    <script type="text/javascript" src="1.js">script>
    <script type="text/javascript">
        // alert 是 JavaScript 语言提供的一个警告框函数.
        // 它可以接收任意类型的参数,让这个参数就是警告框的提示信息
        alert("前哥现在可以帅了!")
    script>
head>
<body>

body>
html>

03-变量.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题title>
    <script type="text/javascript">

        /*
             JavaScript 的变量类型:
                数值类型:    number
                字符串类型:  string
                对象类型:    object
                布尔类型:    boolean
                函数类型:    function

             JavaScript 里特殊的值:
                undefined       未定义,所有 js 变量未赋于初始值的时候,默认值都是 undefined
                null            空值
                MAM             全称是: Not a Number。非数字。非数值。

             JS 中的定义变量格式:
                var 变量名;
                var 变量名 = 值;
        */

        var i;
        // alert(i); //undefined
        i = 12;
        // typeof()是 JavaScript 语言提供的一个函数。
        // alert(typeof(i)); //number

        i = "abc";
        // 它可以取变量的数据类型返回
        // alert(typeof(i)); //string

        var a = 12;
        var b = "abc";

        alert( a * b ); //NaN NaN: 是非数字,非数值。

    script>
head>
<body>

body>
html>

04-关系运算.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        /*
             等于:    ==  等于是简单的做字面值的比较
             全等于:  ===  除了做字面值的比较之外,还会比较两个变量的数据类型
        */
        var a = "12";
        var b = 12;

        alert( a==b ); // true
        alert( a===b ); // false

    script>
head>
<body>

body>
html>

05-逻辑运算.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">
        /*
            在 JavaScript 语言中,所有的变量,都可以作为一个 boolean 类型的变量去使用。
            0、null、undefined,""(空串) 都认为是 false;
        */

        // var a = 0;
        // if(a){
     
        //     alert("零为真");
        // } else {
     
        //     alert("零为假");//零为假
        // }

        // var b = null;
        // if(b){
     
        //     alert("null为真");
        // } else {
     
        //     alert("null为假")//null为假
        // }

        // var c = undefined;
        // if(c){
     
        //     alert("undefined为真");
        // } else {
     
        //     alert("undefined为假");//undefined为假
        // }

        // var d = "";
        // if(d){
     
        //     alert("空串为真");
        // } else {
     
        //     alert("空串为假");//空串为假
        // }

        /*
            && 且运算。
            有两种情况:
                第一种:当表达式全为真的时候。返回最后一个表达式的值。
                第二种:当表达式中,有一个为假的时候。返回第一个为假的表达式的值
        */
        // var a = "abc";
        // var b = true;
        // var d = false;
        // var c = null;

        // alert( a && b );//true
        // alert( b && a );//abc
        // alert( a && d );//false
        // alert( a && c );//null

        // alert(a && b && c);//null
        // alert(a && d && c);//false


        /*
             || 或运算
             第一种情况:当表达式全为假时,返回最后一个表达式的值
             第二种情况:只要有一个表达式为真。就会把回第一个为真的表达式的值
        */
        // alert( d || c );//null
        // alert( c || d );//false

        // alert( a || c );//abc
        // alert( a || c );//abc

    script>
head>
<body>

body>
html>

06-数组.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">

        /*
            JS 中数组的定义:
                格式:
                    var 数组名 = []; //空数组
                    var 数组名 = [1,'abc',true]; //定义数组同时赋值元素
        */

        var arr = [true,1];//定义一个空数组
        // alert(arr.length);//2

        arr[0] = 12;
        // alert(arr[0]);//12
        // alert(arr.length);//2

        // JS 语言中的数组,只要我们通过数组下标赋值,那么最大的下标值,就会自动的给数组做扩容操作。
        arr[2] = "abc";
        // alert(arr.length);//3

        // alert(arr[9]);//undefined
        // alert(arr.length);//3

        // alert(arr[1]);//1

        // 数组的遍历
        for(var i = 0; i < arr.length; i++){
     
            alert(arr[i]);
        }
        // 12
        // 1
        // abc

    script>
head>
<body>

body>
html>

07-函数的第一种定义方式.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">

        /*
            function 函数名(形参列表){
                函数体
            }
        */

        //定义一个无参函数
        function fun(){
     
            alert("无参函数fun()被调用了")
        }

        //函数调用===才会执行
        // fun();//无参函数fun()被调用了

        function fun2(a,b){
     
            alert("有参函数fun2()被调用了 a=>" + a + ",b=>" + b);
        }

        // fun2(12,"abc");//有参函数fun2()被调用了 a=>12,b=>abc

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

        alert(sum(100,50));//150

    script>
head>
<body>

body>
html>

08-函数的第二种定义方式.html

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript">

        /*
            var 函数名 = function(形参列表){
                函数体
            }
        */

        var fun = function (){
     
            alert("无参函数");
        }
        // fun();//无参函数

        var fun2 = function (a,b){
     
            alert("有参函数a=" + a + ",b=" + b);
        }
        // fun2(1,2);//有参函数a=1,b=2

        var fun3 = function(num1,num2){
     
            return num1 + num2;
        }
        // alert(fun3(100,200));//300

    script>
head>
<body>

body>
html>

09-JS不允许函数重载.html

<

你可能感兴趣的:(JS,javascript,javaWeb)