js三大组成部分

一,js三大组成部分

 (一)组成部分:

      (1)ECMAScript:代表了语言的标准,规范,描述了语言的基本语法和数据类型。

      (2)BOM:代表了浏览器。

            <1>描述了浏览器的使用和操作,被称为浏览器对象模型,抽象出的对象为Window.

            <2>通过Bom可以操做浏览器。

      (3)Dom:代表了页面。

              <1>描述了在浏览器中呈现给用户视觉显示的页面操作和使用,被称为文档对象模型,抽象出来的对象为Document.

             <2>可以操作页面中的元素,比如:增加减少div.......

  (二)js的编写与运行:

      (1)步骤:在磁盘新建一个文件夹,打开编辑器:新建项目,寻找新建文件夹路径,选择基础Html语法对勾;在编辑器工行区寻找文件夹;

      (2)运行:在打开方式选择要打开的浏览器;

      (3)将要运行的js代码,写在<script></script>里;<script></script>可以写在HTML任何一个地方;但是写在最后,可以解决很多问题;

      (4)document.write --------------打印在页面;  console.log-----打印在控制台;

      (5)一个文件中是否可以有多个js 文件:一个Html里有多个<script></script>标签,代码执行顺序自上而下;

      (6)引入方式:

            <1>页面里:在HTML里创建<script></script>标签;

            <2>页面外:在外部文件夹创建js 文件,在HTML里引入js文件<script src="文件路径" type=""></script>;

          【注意】在引入的script里不能够在写js代码;

(三) 注释:

         注意:为了学习方便,写内部,开发过程要使用外部.不能使用数字开头命名文件,不能出现文字。

       (1)Css中:/* */

       (2)Js中:<1>单行 : //    <2>多行:  /* */

二,变量

  (一)变量---概念

      数据类型是检验数据合法性的必要条件;

       (1)变量指的是程序中保存数据的一个容器

       (2)是计算机内存中存储数据的标识符,根据变量名称可以获取内存中存储的数据。

  (二)声明变量:

        常量:在程序运行的过程中不能修改的值;  -----也称为字面量

        变量: 在程序运行的过程中能修改的值;

       (1)方式:

           <1>var :告知编译器后面的标识符是一个变量;

               关键字: 已经被赋予功能的单词;

               var a;   a=20;  ------验证  alter(a)

           <2>声明的同时进行赋值:

               等号左值变量空间;右值变量值

               var name = "admin";  ----声明变量,将等号右侧的值变量解析后,存储。

             (*)var a;-----声明变量没有赋值,称为空变量。

      (2)变量命名规则:

           <1>必须语义化,

           <2>只能以字母,下划线(_),$开头;不能与关键字重名。

               可以使用数字0-9 字母a-z;A-Z,下划线_,美元$符

               例如:var _;  var $; var abc ; var abc1;

           <3>不能有中文,拼音尽量不要用

           <4>区分大小写

           <5>尽量驼峰式,有多个单词组成,第一个单词后面每个单词首字母大写。

               大驼峰:var LastIndex

               小驼峰:var lastIndex

              (*****)一般情况下使用小驼峰,特殊场景下使用大驼峰,例如:构造函数

           <6>绝对不能使用关键字或保留字命名变量。

               (*只要单词有功能就不能用,一定要用就在单词前加前缀:XX_name)---功能,结构,页面,数据类型,开发者,公司名等

          关键字:已经被赋予功能的单词

          保留字:将要被赋予功能的单词

         (*)var var = 10------这个是错的,切记。。

     (3)如何显示计算机的执行结果

          <1>  alert  (要显示的信息或变量)---以弹出框的方式将结果显示出来,会暂停程序的执行。

          <2>  document.write (要显示的信息或变量)----将显示的结果打印在页面上    网页上将要显示的内容换行(document.write("</br>"),能够支持Html标签。

例:document.write("<p>段落</p>"),   不要解析标签:

document.write("<p>段落二<p>")........

          <3>  console.log(要显示的信息或变量)-----将显示的信息打印在控制台,不会阻止程序执行,不会解析Html标签,一次打印多个,一个console.log打印一行。

         总结:1,帮助程序员调试程序执行的结果。

               2,console.log最常用,因为alert会阻止程序执行,document.write影响页面布局。

三,JS的数据类型:

  (一)分类:基本类型,复杂类型

     1,分类:(基本类型)

        存储方式 :

        (1)字符String:所有使用引号包裹的数据,引号包括:单、双、反引号------ "10";  var a = "10";   console.log("")-----空字符

        (2)数值Number:0-9,NaN

             <1>NaN:不是一个数字的数值型数据,表示错误的数值运算。

                例如:hello-10

【区别】:在谷歌浏览器中,字符"0 "在控制台显示黑色,Number中0在控制台显示蓝色】

        (3)布尔值B oolean: false--假,  ture---真

        (4)undefined: undefined,表示没有值,或未赋值

            <1>例:var a =underfined;

                 var b;

                 console.log(a);

                 console.log(b)

                 console.log(undefined)

                结果全部为:undefined

                consloe.log(c)-----出现错误报错(not defined),c未定义

         <2>undefined:声明了但未赋值

   (5)null: null  表示为空,是一种状态,不能通过计算得到,直接设置

         <1>例:var a =null;   console.log(a)    -------null

          (*)总结(js中的三大特殊数据):NaN,  underfined,  null

 (复杂类型)

(6)对象object:.........标志是花括号:{}      ---var obj = {};   console.log(obj)

 (7)  数组Array:.........标志是中括号:[]           ---var arr = [];   console.log(arr)

   (8)  函数function:.........标志是function   ----function fn{};  console.log(fn)
 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/16594.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

无人机检测车辆——多目标检测

目录 YOLOv3&#xff08;You Only Look Once version 3&#xff09;简介 YOLOv3 的主要特点 YOLOv3 的结构 1. 特征提取网络&#xff08;Backbone&#xff09; 2. 检测头&#xff08;Head&#xff09; 3. 输出层 YOLOv3 损失函数 YOLOv3 的优势 YOLOv3 的应用 YOLOv3…

集群搭建高可用

contos7.9 部署3节点 hadoop3.4 高可用集群 contos7.9 部署3节点 hadoop3.4 高可用集群环境信息Hadoop与Zookeeper的版本对应关系服务器角色分配使用端口服务器配置配置免密登录服务器配置初始化 init_server.sh配置主机名映射所有节点配置 hosts文件 hadoop 安装环境配置下载安…

网络IP地址会经常换吗?深入解析与实操指南

在互联网的生态系统中&#xff0c;IP地址&#xff08;Internet Protocol Address&#xff09;是每台连接设备的唯一标识符&#xff0c;它在网络通信中起着至关重要的作用。然而&#xff0c;不少用户观察到自己的IP地址有时会发生变化&#xff0c;这引发了诸多疑问。本文旨在详细…

AI测试的主要研究方向介绍

随着AI技术的不断进步和应用场景的日益广泛&#xff0c;如何确保人工智能系统的可靠性和安全性&#xff0c; 变得日益重要。人工智能测试作为保障AI系统质量的关键环节&#xff0c;也随着AI技术不断向前发展。本文将介绍当前AI测试的主要研究方向&#xff0c;以期为大家提供一个…

Python3中str和bytes

参考文章&#xff1a;浅析Python3中的bytes和str类型 - Chown-Jane-Y - 博客园 Python 3最重要的新特性之一是对字符串和二进制数据流做了明确的区分。文本总是Unicode&#xff0c;由str类型表示&#xff0c;二进制数据则由bytes类型表示。Python 3不会以任意隐式的方式混用str…

比特币前景再度不明,剧烈波动性恐即将回归

比特币市场降温&#xff0c;波动性增加 自特朗普赢得美国总统大选以来&#xff0c;比特币市场的投机狂热有所降温&#xff0c;现货和衍生品市场的活跃度开始减弱。比特币在上周五跌破87000美元&#xff0c;较之前创下的历史高点低了约6500美元。这一变化受到美联储主席鲍威尔讲…

node对接ChatGpt的流式输出的配置

node对接ChatGpt的流式输出的配置 首先看一下效果 将数据用流的方式返回给客户端,这种技术需求在传统的管理项目中不多见,但是在媒体或者有实时消息等功能上就会用到,这个知识点对于前端还是很重要的。 即时你不写服务端,但是服务端如果给你这样的接口,你也得知道怎么去使用联…

esp32c3安装micropython环境

esp32c3竟然支持micropython环境&#xff0c;真的太让人高兴了。主要是python开发比较友好&#xff0c;开发速度要快于C和C&#xff0c; 可以用来快速创意验证。 下载 首先到官网&#xff1a;MicroPython - Python for microcontrollers 点击“download”进入下载页面&#…

Linux运维工程师推荐学习的开发语言

前言&#xff1a;会开发的运维和不会开发的运维可以说是两个世界的运维。 个人推荐python和go&#xff0c;前者可以做自动化运维&#xff0c;后者可以深挖k8s&#xff1b;最近就不先演示运维服务技术的部署和架构搭建了&#xff0c;在深挖自动化运维&#xff0c;为了让现在的工…

新手小白学习docker第八弹------实现MySQL主从复制搭建

目录 0 引言1 实操1.1 新建主服务器容器1.2 书写配置文件1.3 重启master实例1.4 进入mysql-master容器master容器实例内创建数据同步用户 1.5 新建从服务器容器1.6 书写配置文件1.7 重启slave实例1.8 查看主从同步状态1.9 进入mysql-slave容器1.9.1 配置主从复制1.9.2 查看主从…

我谈二值形态学基本运算——腐蚀、膨胀、开运算、闭运算

Gonzalez从集合角度定义膨胀和腐蚀&#xff0c;不易理解。 Through these definitions, you can interpret dilation and erosion as sliding neighborhood operations analogous to convolution (or spatial filtering). 禹晶、肖创柏、廖庆敏《数字图像处理&#xff08;面向…

力扣题目解析--合并两个链表

题目 将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。 示例 1&#xff1a; 输入&#xff1a;l1 [1,2,4], l2 [1,3,4] 输出&#xff1a;[1,1,2,3,4,4]示例 2&#xff1a; 输入&#xff1a;l1 [], l2 [] 输出&#xff…

基于yolov8、yolov5的鸟类分类系统(含UI界面、训练好的模型、Python代码、数据集)

项目介绍 项目中所用到的算法模型和数据集等信息如下&#xff1a; 算法模型&#xff1a;     yolov8、yolov8 SE注意力机制 或 yolov5、yolov5 SE注意力机制 &#xff0c; 直接提供最少两个训练好的模型。模型十分重要&#xff0c;因为有些同学的电脑没有 GPU&#xff0…

css:浮动

网页的本质上就是摆放盒子&#xff0c;把盒子摆到相应的位置上 css提供了三种传统的布局方式&#xff1a; 普通流&#xff08;标准流&#xff09;&#xff1a;标签按默认方式排列&#xff0c;最基本的布局方式 浮动 定位 实际开发中&#xff0c;一个网页基本包含了三种这种布局…

Essential Cell Biology--Fifth Edition--Chapter one (6)

1.1.4.4 Internal Membranes Create Intracellular Compartments with Different Functions [细胞膜形成具有不同功能的细胞内隔室] 细胞核、线粒体和叶绿体并不是真核细胞中唯一的膜包围细胞器。细胞质中含有大量的[ a profusion of]其他细胞器&#xff0c;这些细胞器被单层膜…

量子奇异值阈值算法

特征值分解只适用于方阵&#xff0c;如何扩展到任意形状的矩阵呢&#xff1f;奇异值分解能够解决此问题。量子奇异值阈值算法在奇异值分解的基础上将小的特征值设置为0&#xff0c;从而将小的特征值及其对应的特征向量去掉&#xff0c;进而降低矩阵的秩&#xff0c;达到降维的目…

Python_爬虫3_Requests库网络爬虫实战(5个实例)

目录 实例1&#xff1a;京东商品页面的爬取 实例2&#xff1a;亚马逊商品页面的爬取 实例3&#xff1a;百度360搜索关键词提交 实例4&#xff1a;网络图片的爬取和存储 实例5&#xff1a;IP地址归地的自动查询 实例1&#xff1a;京东商品页面的爬取 import requests url …

黑马微项目

目录 1 飞机票 2 生成一个五位数验证码 3 数字加密 4 数字解密 5 抢红包 6 双色球系统 7 用户登录 8 金额转换 9 手机号屏蔽 10 罗马数字转换 11 调整字符串 12 初级学生管理系统&#xff08;学生数据的管理&#xff09; 13 学生管理系统&#xff08;用户的相关操…

基于lighthouse搭建私有网盘Cloudreve【开源应用实践】

基于lighthouse搭建私有网盘Cloudreve【超高性价比】 今天给大家分享一款私人网盘神器&#xff0c;既能存放你的文件文档&#xff0c;也能替你保存那不可告人的秘密~ 香菇今天将手把手教给大家如何在腾讯云轻量应用服务器上搭建个人专属网盘 1. 既爱又恨的网盘存储 很多小伙伴…

博物馆实景复刻:开启沉浸式文化体验的新篇章

随着数字化技术的飞速发展&#xff0c;博物馆的展览形式正在经历一场前所未有的变革。3数字博物馆和3D线上展览&#xff0c;这种创新的展览方式不仅打破了时间和空间的限制&#xff0c;更让文化遗产的保护与传承迈上了一个新的台阶。 本文将深入探讨博物馆实景复刻虚拟展厅的兴…