• JavaScript 1.0

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

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

    方式一：在使用 script 标签() 来书写 JavaScript 代码

    1. html> 
    2. <html lang="en"> 
    3. <head> 
    4. <meta charset="UTF-8"><title>Titletitle> 
    5. <script type="text/javascript"> 
    6. // alert 是 JavaScript 语言提供的一个警告框函数。 
    7. // 它可以接收任意类型的参数，这个参数就是警告框的提示信息 
    8. alert("hello javaScript!"); 
    9. script> 
    10. head> 
    11. <body> 
    12. body> 
    13. html>

     警告框效果如上

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

     

    1. html> 
    2. <html lang="en"> 
    3. <head> 
    4. <meta charset="UTF-8"> 
    5. <title>Titletitle> 
    6.  
    7. <script type="text/javascript" src="1.js">script> 
    8. <script type="text/javascript">alert("你好啊！"); 
    9. script> 
    10. head> 
    11. <body> 
    12. body> 
    13. html>

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

    二：变量

    JavaScript 的变量类型：
    数值类型： number
    字符串类型： string
    对象类型： object
    布尔类型： boolean
    函数类型： function
    JavaScript 里特殊的值：
    undefined 未定义，所有 js 变量未赋于初始值的时候，默认值都是 undefined.
    null 空值
    NaN 全称是：Not a Number 。非数字。非数值。 
    1. html> 
    2. <html lang="en"> 
    3. <head> 
    4. <meta charset="UTF-8"> 
    5. <title>Titletitle> 
    6. <script type="text/javascript"> 
    7. var i; 
    8. // alert(i); // undefined 
    9. i = 12; 
    10. // typeof()是 JavaScript 语言提供的一个函数。 
    11. // alert( typeof(i) ); // numberi = "abc"; 
    12. // 它可以取变量的数据类型返回 
    13. // alert( typeof(i) ); // String 
    14. var a = 12; 
    15. var b = "abc"; 
    16. alert( a * b ); // NaN 是非数字，非数值。 
    17. script> 
    18. head> 
    19. <body> 
    20. body> 
    21. html>

    逻辑

    等于： ==         等于是简单的做字面值的比较
    全等于： ===         除了做字面值的比较之外，还会比较两个变量的数据类型 
    1. html> 
    2. <html lang="en"> 
    3. <head> 
    4. <meta charset="UTF-8"> 
    5. <title>Titletitle> 
    6. <script type="text/javascript"> 
    7. var a = "12"; 
    8. var b = 12; 
    9. alert( a == b ); // true 
    10. alert( a === b ); // false 
    11. script> 
    12. head> 
    13. <body> 
    14. body> 
    15. html>

    数组：

    JS 中 数组的定义：
    格式：
    var 数组名 = []; // 空数组
    var 数组名 = [1 , ’abc’ , true];
    // 定义数组同时赋值元素 
    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6.     <script type="text/javascript">
    7.         var arr=[true,1];
    8.         arr[0]=12;
    9.         alert(arr[0]);
    10.         alert(arr.length);
    11.         arr[2]="abc";
    12.  
    13.         for (var i = 0; i < arr.length; i++){ alert(arr[i]); }
    14.     script>
    15. head>
    16. <body>
    17.  
    18. body>
    19. html>

    函数：

    方式一：

    function 函数名 ( 形参列表 ){
    函数体
    }
    方式二：
    var fun=function(形参列表){
    函数体
    }
    简称         var 函数名 = function( 形参列表 ) { 函数体 } 
    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6.     <script type="text/javascript">
    7.         // //定义无参
    8.         // function f() {
    9.         //     alert("这里是无参");
    10.         // }
    11.         // f();
    12.         // function f2(a,b) {
    13.         //     alert(a+ b);
    14.         // }
    15.         // f2(12,"abc");
    16.         // function  sum(num1,num2) {
    17.         //     var result=num1+num2;
    18.         //     return result;
    19.         // }
    20.         // alert(sum(100,50));
    21.  
    22.         var funs=function () {
    23.             alert("无参函数");
    24.         }
    25.         funs();
    26.         var fun2=function (a,b) {
    27.             alert("有参函数a="+a+" b="+b);
    28.         }
    29.         fun2(1,2);
    30.  
    31.         var fun3=function (num1,num2) {
    32.             return num1+num2;
    33.         }
    34.         alert(fun3(100,50));
    35.  
    36.     script>
    37. head>
    38. <body>
    39.  
    40. body>
    41. html>

    注意：js里不允许重载

  • 相关阅读:
    【老生谈算法】matlab实现LSB算法源码——LSB算法
    保姆级指南，从0到1打造你的个人开源项目
    一周速学SQL Server（第六天）
    android Handler
    Python案例：获取music榜单数据，保存自己的music库
    观察者模式和发布订阅模式的区别
    共享单车之数据可视化
    pandas是什么以及pandas的三种数据结构Series、DataFrame、MultiIndex的创建方式函数代码
    生成视频 zeroscope_v2_576w 学习笔记
    【计算机网络】网络层：数据平面
  • 原文地址：https://blog.csdn.net/weixin_61451728/article/details/126107536