首页 > 其他分享 >初学js Day01

初学js Day01

时间:2024-07-19 17:26:41浏览次数:10  
标签:变量 Day01 数据类型 js window 初学 声明 页面

JavaScript的由来(js)

1995年2月发布的,Netscape Navigator 2浏览器开发一种名为 LiveScript 的脚本语言。为了赶在发布日期前完成 LiveScript的开发,Netscape 与 Sun 公司建立了一个开发联盟,共同开发 LiveScript。在 NetScape Navigator 2 发布前夕,网景为了更好地推广这个脚本语言(利用 Java语言的知名度),临时把 LiveScript 改名为 JavaScript,实际上两者没有任何关系。

一.js的使用方法

js分为行内式,内联式以及外联式这三种方式,接下来分别说明一下三种方式的使用规范以及使用场景等等。

1. 行内式:行内式一般情况下不推荐使用因为行内样式需要在特定的条件下才能够进行使用,故一般情况下不推荐使用。

2. 内联式:内联样式需要与写在当前页面内使用的是<script></script>标签尽量写在body标签的最下面,因为HTML遵循从上到下代码块依次识别如果放在前面有可能会影响到页面的加载速度。

3. 外联式 :外联式是写在独立于当前页面的另一个页面上的js代码跟我们的外联式css的书写方式一致,只不过css的引用标签是使用<link>标签进行引入,而js则是通过<script>来进行引入将路径写在<script>标签下的src属性里面

下图展示了js的三种不同的书写方法以及对应的在控制台所展现的效果

二.window对象方法

window是浏览器的顶级对象,一个页面只有一个window对象

window是可以省略的

1.alert 警告弹窗 只有确定按钮

2.confirm 确认弹窗 有确认和取消按钮

3.prompt 输入弹窗 有确认和取消按钮和输入框

三.window对象属性

1.window.console.log();在控制台中打印输出 日志信息

2.window.console.dir();打印对象里面所有的属性和方法

3.window.document.write();将内容输出到页面中

四.变量的创建

变量创建前先声明一下变量,声明变量我们在js中通常使用var

既然要创建变量那么我们光声明变量那是不行滴,我们在声明变量的同时那就需要给变量进行赋值了,当然在声明变量时我们不仅仅只能声明一个变量甚至可以同时声明多个变量,这样我们的变量第一步就创建好了,在创建好变量之后我们需要对变量进行初始化。

补充一点如上图所示声明变量的时候等号左边表示的是我们声明的变量名,等号右边则是我们在创建变量名后给他所赋予的属性值

五.变量值的声明提升(了解就好)

变量值声明提升属于是浏览器的特殊机制 是为了避免出现代码报错

六.js的数据类型

js的数据类型分为布尔数据类型(Boolean);数字数据类型(Number);字符串数据类型(String);未定义数据类型(Underfined);空数据类型(Null)

1.布尔数据类型 打印结果来true或者false

2.数字数据类型 包含所有的数字 正数 负数 整数以及小数

3.字符串类型 包含所有的字符串 ,双引号和单引号没有区别 

4.未定义数据类型 没有定义值

5.空数据类型 没有值

标签:变量,Day01,数据类型,js,window,初学,声明,页面
From: https://blog.csdn.net/caiji76531/article/details/140553353

相关文章

  • 前端太卷了,不玩了,写写node.js全栈涨工资,赶紧学起来吧!!!!!
    首先聊下node.js的优缺点和应用场景Node.js的优点和应用场景Node.js作为后端开发的选择具有许多优点,以下是其中一些:高性能:Node.js采用了事件驱动、非阻塞I/O模型,使得它能够处理大量并发请求而不会阻塞线程,从而具有出色的性能表现。轻量级和高效:Node.js的设计简洁而轻量,......
  • 【2024】SpringBoot+Vue.js协同过滤算法美食推荐小程序
     博主介绍:✌CSDN新星计划导师、Java领域优质创作者、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌技术范围:SpringBoot、Vue、SSM、HTML、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大......
  • ThreeJS Shader的效果样例网格平面和网格球体(一)
    本文中效果主要采用ThreeJS 中的着色器(Shader)以及结合ShaderMaterial实现的。主要用到的内置方法有:step:是一个阶跃函数,它将一个浮点数与一个阈值进行比较,并返回一个阶跃值;比如step(edge,x), 如果x小于等于edge,则返回0.0, 如果x大于edge,则返回1.0。fract......
  • python里面加载js代码
    有一段js代码constCryptoJS=require("crypto-js")functionl(t,e){returnt.toString().toUpperCase()>e.toString().toUpperCase()?1:t.toString().toUpperCase()==e.toString().toUpperCase()?0:-1}functionu(t){for(vare=Ob......
  • js改变this指向
    1.使用call()和apply()方法call()和apply()方法都可以用来调用一个函数,并显式地设置this的值。它们之间的主要区别是call()方法接受一个参数列表,而apply()方法接受一个包含多个参数的数组。functiongreet(greeting,punctuation){console.log(greeting+','+this......
  • js 加密算法
    (1)md5摘要算法npminstallcrypto-jsconst CryptoJS = require('crypto-js');//原始数据const data = '123456';//生成MD5摘要const md5Digest = CryptoJS.MD5(data).toString();console.log(md5Digest);(2)AES加密constCryptoJS=require("crypto-j......
  • dockerfile来快速部署一个jsp服务
    1.创建一个jsp服务需要的dockfilevimjsp_dockerfile#UsetheofficialUbuntu 20.04 baseimageFROMubuntu:20.04 #SetenvironmentvariablesENVDEBIAN_FRONTEND=noninteractive #InstallnecessarypackagesRUNapt-getupdate&&\    apt-getinsta......
  • 基于javaweb jsp ssm校园教务系统+vue录像(源码+lw+部署文档+讲解等)
    前言......
  • 如何从节点js使用AWS s3实施AWS Media Convert?
    我正在构建一个应用程序,用户可以在其中上传和观看视频。我将视频以.mp4容器格式存储在S3中,但是,我想将视频转换为m3u8格式以进行自适应流式传输。我发现有一个名为“AmazonMediaConvert”的东西(https://docs.aws.amazon.com/mediaconvert/index.html)可以......
  • 基于javaweb jsp ssm校园家教兼职信息交流平台录像(源码+lw+部署文档+讲解等)
    前言......