JavaScript经典教程(四)-- JavaScript基础 - BOM、打印、window对象等详解

news2025/1/21 16:33:49

184:JavaScript基础 - BOM、打印、window对象等详解

185:JavaScript基础 - 数据类型Number及运算符号

1、关键字

(3)alert - 警告窗

原型:window.alert();
alert实际上是一个函数
在这里插入图片描述
注:alert无法弹出部分对象
在这里插入图片描述
部分简单的对象能弹出
在这里插入图片描述

(4)console - 打印

在这里插入图片描述
consol有许多方法,都可以进行尝试。
1、console.log()
普通打印
在这里插入图片描述
2、console.error()
可以打印错误的东西
在这里插入图片描述
3、console.warn()
警告
在这里插入图片描述
4、console.info()
提示

(5)screen - 屏幕

原型:window.screen
在这里插入图片描述
1、width、height:宽高
和浏览器大小无关,跨界常量屏幕的宽高
在这里插入图片描述

(6)open、close

基于window下
open:打开一个新的页面;
close:关闭当前页面
打开一个百度新页面,并且关闭当前页面(本地地址页面);
在这里插入图片描述

(7)location - 地址

在这里插入图片描述

1、location.href(‘地址’)
页面跳转,当前页面跳转,不是新页面打开
在这里插入图片描述
2、location.reload()
在这里插入图片描述
页面刷新

(8)history - 历史信息

1、history.back()
返回上一个页面
2、history.forward()
转到下一个页面
3、history.go()
可以控制页面跳转呆历史中的某个页面
history.go(-1),上一个页面
history.go(-2),往前第二个页面
history.go(1),下一个页面

2、运算符/判断符

(1)=

=:赋值,赋予
==:等于,只返回true、false
(隐式转换,尽可能的把两个数据转换成同一格式进行比较,简单说就是只比较内容)
===:全等于,必须一样,包括数据格式也要一致

(2)两个叠加

1、++

var a = 10;
a++;
++a;

++放前面,数值先变化,再完成其他操作
++放后面,数值后变化,在其他操作完成后变化
如下:
在这里插入图片描述

2、- -
–与++同理

3、+=

var a = 10;
a+=5;
等于a = a + 5;

-=与+=同理

4、+
在±**/%中,-*/%都是正常运算符号,只有+还带有连接属性。
当有字符串参与-/%的运算时,字符串会隐式转换为数字类型进行计算;
当有字符串参与+的运算时,会触发字符串拼接;

解析:
-8:/正常运算,‘30’隐式转换为30,30/6=5,5是数字类型,3也是数字类型,3+5=8;
-130:是正常运算,‘5’隐式转换为5,56=30,30是数字类型,‘1’是字符串,这里+是连接的意思,‘1’和30连起来就是:130。
在这里插入图片描述
5、>、<、>=、<=
返回值true和false

(3)连续计算
(4)js运算Bug

js不做很精准的运算;
且,当小数点后面有很多0时,到一定数量,后面的数字会忽略;
在这里插入图片描述

(5)三目运算符

if else的简写,
标准写法:条件 ? true执行语句 : false执行语句
第一个数!=0时,为true,返回中间的数;=0时,为false,返回最后的数。
在这里插入图片描述
解析:
这里可以看做if,
if里的值做判断,只返回true、false,这里的if为8,,8!=0时,返回true,输出2;
若if的值=0,返回false,输出5.

if(8){
	alert(2);
} else {
	alert(5);
}
(6)与、或、非

1、非:!
相反的,变成非自己的布尔值,返回true或false。
在这里插入图片描述
这里前面3个都是存在的,true、1、1000都是true,true相反即为false,所以输出false;
最后的获取元素,因为还没有创建该元素,所以这里元素是false,false相反为true,输出true。

2、或:||
一般用于判断,或者,多个条件只满足其一即可,返回true,均不满足则返回false。

多个条件存在时,只满足其一即可,
当条件未满足时,条件为false,一直从左到右遍历,
当条件true时,即break,终止条件遍历,后面的条件语句不再查看(即使错误语句也不管)。

即,条件不满足会一直往后查看 ,条件一满足就不往后查看了。

在这里插入图片描述
解析:
1?2:3 =》1!=0,所以为true,返回2,
语句变为alert(2 || 5 || avkas.vJLDLJ);,2为true,已满足条件,后面不看,直接输出2.
(即使后面有错误语句也没报错,因为从输出2开始这句代码就已跳过)

3、和:&&
并且,多个条件全部同时满足,返回true,只要有其一不满足则返回false。

多个条件存在时,
当条件满足满足时,条件为true,一直从左到右遍历,
当条件之一出现false时,即break,终止条件遍历,后面的条件语句不再查看。

即,条件满足会一直往后查看 ,条件一不满足就不往后查看了。

3、定时器

(1)setInterval()

轮循定时器,反复执行
标准写法:
时间单位毫秒:1s = 1000ms

setInterval(function(){
	执行的操作
} , 时间)

注:setInterval,可以跟无限个参数,前两个固定,第一个函数,第二个时间,后面的都是参数。
在这里插入图片描述

(2)clear

关闭定时器
在这里插入图片描述

(3)setTimeout()

延时定时器,只执行一次
标准写法:
时间单位毫秒:1s = 1000ms

setTimeout(function(){
	执行的操作
} , 时间)

不正确:
在这里插入图片描述
一旦第二个参数,即时间不正确,在IE6/7中会报错,在IE8中会以0ms执行。

(4)特性

1、只要是定时器,时间就会有误差
2、js,会把非定时器的都处理掉,最后再走定时器

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

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

相关文章

Figma如何导出jpg格式?

在这个追求效率和质量的时代&#xff0c;Figma确实可以加快我们的设计工作&#xff0c;增加效率&#xff0c;功能越来越强大。然而&#xff0c;Figma从未有过中文版本。 但就使用工具而言&#xff0c;一次生两次并不难。设计小白经常卡在最后一步&#xff0c;如何用Figma导出j…

【Paper】2022_基于自适应事件触发控制的一般线性多智能体系统的一致性_田昌源

田昌源. 基于自适应事件触发控制的一般线性多智能体系统的一致性[D].青岛大学,2022.DOI:10.27262/d.cnki.gqdau.2022.002546. 文章目录 第五章 一般线性多智能体系统的自适应事件触发二分一致性5.1 系统模型5.2 自适应事件触发二分一致性5.2.1 无领导一致性5.2.2 领导-跟随一致…

JDK的环境配置(超级详细教程)

JDK的环境配置——超详细教程 一、下载java安装包 我们可以去官网下载java&#xff0c;进入官网页面&#xff0c;然后点击Download Java。 网站&#xff1a;https://developer.oracle.com/languages/java.html 里面有各种版本的jdk可供选择。 二、安装JDK 这里我选择安装…

Android实现一个带清除和提交按钮的清爽圆角搜索框

运行效果&#xff1a; 放入Toolbar的效果 清除按钮有内容才显示&#xff1a; 下面是教程&#xff1a; 实现一个圆角搜索框&#xff0c;可以使用CardView来实现&#xff0c;同时可以添加一个EditText和两个ImageView作为清除和提交按钮。 activity_main <?xml version&quo…

Anaconda3 安装 Tensorflow-gpu

一.准备需要 GPU版本&#xff0c;需要提前下载 cuda 和 cuDNN。&#xff08;可以查看此教程 Anaconda3 安装 Tensorflow-gpu &#xff09; GPU 一般是 nvidia 的 安装前 一定 要查看自己电脑的环境配置&#xff0c;然后查询Tensorflow-gpu、Python、 cuda 、 cuDNN 版本关系&…

嵌入式设备显示屏相关概念汇总

嵌入式设备常用的显示屏接口 LCD 接口&#xff1a;是一种常见的数字电路接口&#xff0c;支持多种显示器件&#xff0c;如字符型液晶显示器和点阵型液晶显示器等。 VGA 接口&#xff1a;是一种视频接口标准&#xff0c;用于连接显示器和计算机。该接口提供模拟 RGB 信号&#…

以太网卡TSO、GSO、LRO、GRO描述及相关配置

以太网卡TSO、GSO、LRO、GRO描述及相关配置 以太网卡的 TSO、GSO、LRO、GRO 是一些传输协议中用于提高网络性能的技术。 硬件包拆分与合并 TSO&#xff08;TCP Segmentation Offload &#xff09; TSO 是一种由网卡卸载 TCP 数据包分段的技术。在传统的方式中&#xff0c;当…

案例01-tlias智能学习辅助系统04-登录认证+全局异常处理

目录 1、基础登录 2、登录校验 2.1、会话跟踪技术&#xff1a; Cookie、Session JWT令牌 2.2、请求过滤 方式一、过滤器&#xff08;Filter&#xff09; 方法二&#xff1a;拦截器&#xff08;interceptor&#xff09; Filter与Interceptor的区别 3、全局异常处理器 1、…

fork函数如何创建进程,exit/_exit函数如何使进程终止的详细分析与代码实现

&#x1f38a;【进程通信与并发】专题正在持续更新中&#xff0c;进程&#xff0c;线程&#xff0c;IPC&#xff0c;线程池等的创建原理与运用✨&#xff0c;欢迎大家前往订阅本专题&#xff0c;获取更多详细信息哦&#x1f38f;&#x1f38f;&#x1f38f; &#x1fa94;本系列…

【Pytorch基础教程38】torchserve模型部署和推理

note torch-model-archiver打包模型&#xff1b;利用torchserve加载前面打包的模型&#xff0c;并以grpc和http等接口往外提供推理服务启动模型的api服务、curl命令发送http post请求&#xff0c;请求模型服务API&#xff1b;流程和TensorFlow serving流程大同小异 文章目录 n…

人工智能之配置环境教程二:在Anaconda中创建虚拟环境并在VsCode中使用

人工智能之配置环境教程二&#xff1a;在Anaconda中创建虚拟环境安装pytorch并在VsCode中使用虚拟环境 作者介绍一. 在Anaconda中创建虚拟环境1. 进入本地终端1.1 键盘使用**winR**快捷键1.2 输入**cmd**点击**确定**进入windows命令行终端 2. 安装镜像源2.1 添加镜像源 3. 创建…

PowerShell install 一键部署http+用户名密码登录实现文件系统

Apache 前言 Apache(音译为阿帕奇)是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上&#xff0c;由于其跨平台和安全性被广泛使用&#xff0c;是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的API扩充&#xff0c;将Perl/Python等…

BUUCTF [第五空间2019 决赛]PWN5

小白垃圾做题笔记而已&#xff0c;不建议阅读。 简书上的大佬有三种解题思路&#xff0c;而我刚开始一种也不会&#xff0c;看了题解后才勉强有了两种。 1.第一种算绕过if吧。 更改dword_804C044中的内容&#xff0c;第二次输出相同的内容&#xff0c;从而绕过if 脚本如下&…

Linux-安装gcc和g++报错降级的解决方法

一、简介 通过sudo apt-get install gcc指令安装g报错。 下列软件包有未满足的依赖关系&#xff1a;gcc : 依赖: gcc-7 (> 7.3.0-12~) 但是它将不会被安装推荐: libc6-dev 但是它将不会被安装 或libc-dev又按照网上的解决办法 &#xff0c;还是报错。 apt-get update apt-g…

ESET NOD32 互联网安全软件和防毒软件 -简单,可靠的防护。

安全防范病毒和间谍软件&#xff0c;银行和网上购物更安全, 网络摄像头和家用路由器使用更安全&#xff0c;阻止黑客访问您的电脑, 让您的孩子网络安全&#xff1b;产品兑换码仅支持中国ip地址兑换&#xff0c;兑换后可全球通用。 简单&#xff0c;可靠的防护 防范黑客&#x…

【C++11】新的类功能、可变参数模板

C11——新的类功能、可变参数模板 文章目录 C11——新的类功能、可变参数模板一、新的类功能1.测试代码2.默认成员函数3.类成员变量初始化4.强制生成默认函数的关键字default5.禁止生成默认函数的关键字delete6.继承和多态中的final与override关键字 二、可变参数模板1.可变参数…

第64章 树型结构数据的前端渲染渲染显示示例

1 \src\views\TreeTestView.vue <template> <div class"wrap"> <!--注意&#xff1a;1、“回到顶部”组件及其回滚内容都必须包含到同1个div容器中。--> <!-- 2、div容器中必须有1个唯1性的样式类&#xff08;例如&#xff1a;wrap&#xff09…

【Kubenetes进阶】Helm3保姆级安装与Chart使用

之前在Centos 7_64位上实现了用kubespray-2.15.0完成kubenetes的部署&#xff0c;对于kubenetes&#xff0c;Helm无疑是一个良好的命令行下的客户端工具。Helm主要用于 Kubernetes 应用程序 Chart 的创建、打包、发布以及创建和管理本地和远程的 Chart 仓库。 需要对helm加深了…

安全狗云安全资源池为运营商行业云降本增效

随着政府大力促进数字化转型&#xff0c;网络安全作为数字化建设的安全基石&#xff0c;已然成为保障数字化过程中稳定运行的重要因素。 一 严峻挑战下用户亟需安全托管专业服务 1) 云计算虚拟化的存储、部署及运作模式&#xff0c;数据所有权与管理权分离等特点&#xff0c…