JavaScript 1.0

发布于:2023-02-03 ⋅ 阅读:(248) ⋅ 点赞:(0)

1.JS 是弱类型,Java 是强类型。

一:JavaScript 和 html 代码的结合方式

方式一:在<head></head>使用 script 标签(<script></script>) 来书写 JavaScript 代码

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

 警告框效果如上

方式二:使用 script 标签引入 单独的 JavaScript 代码文件

 

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Title</title> 
<!--
现在需要使用 script 引入外部的 js 文件来执行 
src 属性专门用来引入 js 文件路径(可以是相对路径,也可以是绝对路径) 
script 标签可以用来定义 js 代码,也可以用来引入 js 文件 
但是,两个功能二选一使用。不能同时使用两个功能 
--> 
<script type="text/javascript" src="1.js"></script> 
<script type="text/javascript">alert("你好啊!"); 
</script> 
</head> 
<body> 
</body> 
</html> 

注意:这里用src引入js文件,之前html用href引入css文件

二:变量

JavaScript 的变量类型:
数值类型: number
字符串类型: string
对象类型: object
布尔类型: boolean
函数类型: function
JavaScript 里特殊的值:
undefined 未定义,所有 js 变量未赋于初始值的时候,默认值都是 undefined.
null 空值
NaN 全称是:Not a Number 。非数字。非数值。
<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Title</title> 
<script type="text/javascript"> 
var i; 
// alert(i); // undefined 
i = 12; 
// typeof()是 JavaScript 语言提供的一个函数。 
// alert( typeof(i) ); // numberi = "abc"; 
// 它可以取变量的数据类型返回 
// alert( typeof(i) ); // String 
var a = 12; 
var b = "abc"; 
alert( a * b ); // NaN 是非数字,非数值。 
</script> 
</head> 
<body> 
</body> 
</html>

逻辑

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

数组:

JS 中 数组的定义:
格式:
var 数组名 = []; // 空数组
var 数组名 = [1 , ’abc’ , true];
// 定义数组同时赋值元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var arr=[true,1];
        arr[0]=12;
        alert(arr[0]);
        alert(arr.length);
        arr[2]="abc";

        for (var i = 0; i < arr.length; i++){ alert(arr[i]); }
    </script>
</head>
<body>

</body>
</html>

函数:

方式一:

function 函数名 ( 形参列表 ){
函数体
}
方式二:
var fun=function(形参列表){
函数体
}
简称         var 函数名 = function( 形参列表 ) { 函数体 }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // //定义无参
        // function f() {
        //     alert("这里是无参");
        // }
        // f();
        // function f2(a,b) {
        //     alert(a+ b);
        // }
        // f2(12,"abc");
        // function  sum(num1,num2) {
        //     var result=num1+num2;
        //     return result;
        // }
        // alert(sum(100,50));

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

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

    </script>
</head>
<body>

</body>
</html>

注意:js里不允许重载


网站公告

今日签到

点亮在社区的每一天
去签到