JavaScript基础教学第一天

简介: JavaScript(JS)是一门跨平台、面向对象的脚本语言,用于控制网页行为,实现人机交互。它由ECMAScript(语法核心)、BOM(浏览器对象模型)和DOM(文档对象模型)组成。JS可通过行内、内部或外部方式引入HTML文件中。基本语法包括输出语句(如`document.write`、`alert`、`console.log`)、变量与常量定义(`let`、`var`、`const`)及数据类型(如number、string、boolean、null、undefined)。JS区分大小写,支持代码块作用域和注释功能。
  • JavaScript(简称:JS) 是一门跨平台、面向对象的脚本语言,用来控制网页行为的,实现人机交互效果。
    JavaScript和Java是完全不同的语言,但是基础语法类似。
  • 组成
    ECMAScript:规定了JS基础语法核心知识。
    BOM:浏览器对象模型
    DOM:文档对象模型

  1. JS引入方式:
    写在html文件< body> js语句 < /body>中。
    1.1.写法1:
    行内方式:特点是写在标签属性事件上
    例:
    < button id="bth" onclick=""alert(’行内方式‘)
    “>点我

    1.2.写法2:内部方式(推荐写在body结束标签前),写在< s
    rcipt>js代码< /script>标签内部
    例:
    < script>
    alert('内部方式');//页面加载到这里就会立刻运行
    < /script >

    1.3.写法3:外部方式(推荐),写在< srcipt src="外部文件路径">标签内部
    1.3.1.创建js文件,在js文件中写需要输出的js语句(例:alert("外部方式"))建议在文件夹下创建一个新的文件单独放js语句文件。
    1.3.2.写完js文件在html文件书写。
    例:< srcipt src="js文件路径">< /srcipt>

    2.js-基本语法-输出语句
    例:
    < script>

     //1.写入浏览器的body区域
     document.write('< h1>document:hello js</h1 >');
    
     //2.弹出框
     window.alert('弹出框:hello js')
     //document.title="hello world";
    
     //3.控制台
     console.log('console:hello js');
    
     //4.定义变量
     //var 是定义变量的关键字,ES5之前的定义变量关键字
     var a = 10;
     var A = 20;
     alert(a+ "," +A);//区分大小写
    
     //5.注稀
     //单行注稀
     /*
     多行注稀*/
    
     //6.代码块,可以划定代码区域
     {
         let b=20;//ES6 定义变量关键字
         //代码块里面定义变量,只能在代码块里面使用
         document.writeln("代码块里面变量b="+b+"<br / >")
     }
      document.writeln("代码块里面变量b="+b+"<br />")//alt+B进入浏览器右键/检查中可查看报错
    

    < /script >
    3.js-基础语法-变量
    < script>

     // 1.变量声明
     let a=10;
     a=20;//变量的值声明初始化后还可以继续修改
     let b="123";
     let c=true;
    
    // 注意定义规则
    //变量名不能以数字开头、关键字

    //2.常量声明
    //一旦初始化以后不能修改
    const PI=3.14;
    PI =3.15;运行查看浏览器源代码就会报错
    console.log(PI);

< /script>
4.js基础教学-数据类型
4.1.JavaScript的数据类型分为基本数据类型和引用数据类型(对象)
4.1.1.基本数据类型:
number:数字
boolean:布尔值
null:空
undefined:没有定义变量,该变量默认值是 undefined
string:字符串
相关文章
|
21天前
|
存储 NoSQL Shell
MongoDB 安装与启动指南
本文档为MongoDB安装与启动指南,涵盖Windows及Linux系统的安装步骤、配置文件设置、服务启动与连接方法,以及服务停止操作。内容包括MongoDB下载、目录创建、命令行及配置文件启动方式,同时提供Shell连接、图形化工具Compass使用说明,并详解Linux环境下生产部署与防火墙设置,确保服务安全启动与关闭。
298 0
|
4天前
|
前端开发 JavaScript 物联网
JavaScript:无处不在的编程语言
JavaScript:无处不在的编程语言
|
4天前
|
JavaScript 前端开发 物联网
JavaScript:构建动态世界的引擎
JavaScript:构建动态世界的引擎
|
4天前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
4天前
|
缓存 Python
Python中的装饰器:优雅地增强函数功能
Python中的装饰器:优雅地增强函数功能
|
4天前
|
数据采集 机器学习/深度学习 算法框架/工具
Python:现代编程的瑞士军刀
Python:现代编程的瑞士军刀
170 104
|
14天前
|
缓存 负载均衡 监控
理解Envoy代理的线程模型与性能优化
理解Envoy代理的线程模型与性能优化
|
14天前
|
缓存 前端开发 Docker
Docker Layer Caching:加速你的容器构建
Docker Layer Caching:加速你的容器构建
|
14天前
|
Go API 数据处理
利用Go语言实现高效并发任务处理
利用Go语言实现高效并发任务处理
|
14天前
|
存储 缓存 测试技术
理解Python装饰器:简化代码的强大工具
理解Python装饰器:简化代码的强大工具

热门文章

最新文章