JavaScript BOM【快速掌握知识点】

news2024/10/2 11:48:21

目录

Window对象的常用属性

语法:

Window对象的常用方法

语法:

open()和close()方法

History对象

常用属性和方法

示例

Location对象

常用属性

常用方法

Document对象的常用方法

定时函数

超时调用:setTimeout()

间歇调用:setInterval()

JavaScript内置对象

Array对象

String对象

Math对象

Date对象


Window对象的常用属性

属性名称

说明

history

有关客户访问过的URL的信息

location

有关当前 URL 的信息

screen

只读属性,包含客户端显示屏幕的信息

语法:

window.属性名= "属性值";

window.location="";

Window对象的常用方法

方法名称

说明

prompt( )

显示可提示用户输入的对话框

alert( )

显示带有一个提示信息和一个确定按钮的警示框

confirm( )

显示一个带有提示信息、确定和取消按钮的对话框

close( )

关闭浏览器窗口

open( )

打开一个新的浏览器窗口,加载给定 URL 所指定的文档

setTimeout( )

在指定的毫秒数后调用函数或计算表达式

setInterval( )

按照指定的周期(以毫秒计)来调用函数或表达式

clearTimeout( )

用于停止执行setTimeout( )方法的函数代码

clearInterval( )

用于停止 setInterval( ) 方法执行的函数代码

语法:

window.open( "弹窗内容的url", "窗口名称", "窗口特征", true/false );

window.close();

open()和close()方法

属性名称

说明

height、width

窗口文档显示区的高度、宽度,以像素计

left、top

窗口的x坐标、y坐标,以像素计

toolbar=yes | no | 1 | 0

是否显示浏览器的工具栏,黙认是yes

scrollbars=yes | no | 1 | 0

是否显示滚动条,黙认是yes

location=yes | no | 1 | 0

是否显示地址地段,黙认是yes

status=yes | no | 1 | 0

是否添加状态栏,黙认是yes

menubar=yes | no | 1 | 0

是否显示菜单栏,黙认是yes

resizable=yes | no | 1 | 0

窗口是否可调节尺寸,黙认是yes

titlebar=yes | no | 1 | 0

是否显示标题栏,黙认是yes

fullscreen=yes | no | 1 | 0

是否使用全屏模式显示浏览器,黙认是no。

处于全屏模式的窗口必须同时处于剧院模式

History对象

保存用户上网的历史记录,可通过window.history属性访问

常用属性和方法

类别

名称

说明

属性

length

返回历史记录列表中的网址数

方法

back()

加载 History 对象列表中的前一个URL

forward()

加载 History 对象列表中的下一个URL

go()

加载 History 对象列表中的某个具体URL

示例

history.back()等价于,history.go(-1)浏览器中的“后退”

history.forward()等价于,等价于浏览器中的“前进”

Location对象

包含有关当前URL的信息,可通过window.location属性访问

常用属性

名称

说明

host

设置或返回主机名和当前URL的端口号

hostname

设置或返回当前URL的主机名

href

设置或返回完整的URL

常用方法

名称

说明

reload()

重新加载当前文档

replace()

用新的文档替换当前文档

Document对象的常用方法

Document对象代表整个HTML文档

名 称

说明

getElementById()

返回对拥有指定id的第一个对象的引用

getElementsByName()

返回带有指定名称的对象的集合

getElementsByTagName()

返回带有指定标签名的对象的集合

write()

向文档写文本、HTML表达式或JavaScript代码

定时函数

超时调用:setTimeout()

语法:window.setTimeout("调用的函数", 等待的毫秒数);

示例

var  myTime=setTimeout("disptime()", 1000);	

//1秒(1000毫秒)后执行disptime()函数一次

间歇调用:setInterval()

语法:window.setInterval("调用的函数", 间隔的毫秒数);

示例

var  myTime=setInterval("disptime()", 1000);

//每隔1秒(1000毫秒)执行一次disptime()函数

JavaScript内置对象

Array:用于在单独的变量名中存储一系列的值

String:用于支持对字符串的处理

Math:用于执行常用的数学任务,包含若干个数字常量和函数

Date:用于操作日期和时间

Array对象

创建数组:

var arr = []; // 空数组
var arr2 = [1, 2, 3]; // 包含三个元素的数组

访问数组元素:

var arr = [1, 2, 3];
console.log(arr[0]); // 输出:1
console.log(arr[1]); // 输出:2
console.log(arr[2]); // 输出:3

修改数组元素:

var arr = [1, 2, 3];
arr[1] = 4; // 把第二个元素改为 4
console.log(arr); // 输出:[1, 4, 3]

String对象

创建字符串:

var str = ""; // 空字符串
var str2 = "Hello, world!"; // 包含字符串的双引号
var str3 = 'Hello, world!'; // 包含字符串的单引号

字符串连接:

var str1 = "Hello";
var str2 = "world";
var str3 = str1 + " " + str2;
console.log(str3); // 输出:Hello world

字符串替换:

var str = "Hello, world!";
console.log(str.replace("world", "Universe")); // 输出:Hello, Universe!
console.log(str.replace(/o/g, "a")); // 输出:Hella, warld!

Math对象

随机数:

Math.random():返回一个0到1之间的随机浮点数。

以下代码生成一个0到100之间的随机整数:

int result = (int) (Math.random() * 100);
System.out.println(result);

Date对象

创建Date对象:

Date date = new Date();
System.out.println(date); // 输出:Sat Feb 27 19:55:22 CST 2023

格式化日期和时间:

Date date = new Date();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
String dateString = sdf.format(date);
System.out.println(dateString); // 输出:2023-02-27 20:09:01

 

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

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

相关文章

插件化框架shadow——腾讯

theme: cyanosis Shadow简介 Shadow是最近腾讯开源的一款插件化框架。原理是使用宿主代理的方式实现组件的生命周期。目前的插件化框架,大部分都是使用hook系统的方式来做的。使用代理的基本上没有成体系的框架,只是一些小demo,Shadow框架的…

【华为OD机试模拟题】用 C++ 实现 - 查找单入口空闲区域(2023.Q1)

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 去重求和(2023.Q1) 文章目录 最近更新的博客使用说明查找单入口空闲区域题目输入输出示例一输入输出说明示例二输入输出说明示例三输入输出说明示例

在linux中web服务器的搭建与配置

以下涉及到的linux命令大全查阅 https://www.runoob.com/linux/linux-command-manual.htmlvim命令查阅 https://www.runoob.com/linux/linux-vim.htmlscp命令https://www.runoob.com/linux/linux-comm-scp.html首先要有一个请求的服务地址用ssh 进入到linux系统中ssh 请求的服务…

JavaWeb Servlet Cookie和Session

6、Servlet 6.1、Servlet简介 Servlet就是sun公司开发动态web的一门技术Sun在这些API中提供一个接口叫做:Servlet,如果你想开发一个Servlet程序,只需要完成两个小步骤: 编写一个类,实现Servlet接口把开发好的Java类部…

Redis 4种集群方案介绍+优缺点对比

前言在服务开发中,单机都会存在单点故障的问题,即服务部署在一台服务器上,一旦服务器宕机服务就不可用,所以为了让服务高可用,分布式服务就出现了,将同一服务部署到多台机器上,即使其中几台服务…

【LeetCode】剑指 Offer 17. 打印从1到最大的n位数 p114 -- Java Version

题目链接:https://leetcode.cn/problems/da-yin-cong-1dao-zui-da-de-nwei-shu-lcof/ 1. 题目介绍(17. 打印从1到最大的n位数) 输入数字 n,按顺序打印出从 1 到最大的 n 位十进制数。比如输入 3,则打印出 1、2、3 一直…

<JVM上篇:内存与垃圾回收篇>12 - 垃圾回收相关概念

笔记来源:尚硅谷 JVM 全套教程,百万播放,全网巅峰(宋红康详解 java 虚拟机) 文章目录12.1. System.gc()的理解12.2. 内存溢出与内存泄露内存溢出(OOM)内存泄漏(Memory Leak&#xff…

【Linux驱动开发100问】Linux驱动开发工程师在面试中常被问到的问题汇总

🥇今日学习目标:什么是Kconfig?如何使用Kconfig? 🤵‍♂️ 创作者:JamesBin ⏰预计时间:10分钟 🎉个人主页:嵌入式悦翔园个人主页 🍁专栏介绍:Lin…

针对面试官的盘问-如何回答职场中的一些问题

(点击即可收听)初入职场,面对面试官的提问,如何回答01你为什么从上家公司离职?个人成长不足,不符合自己的预期(关系到个人竞争力,希望找到一份更有挑战,个人提升更大的工作),切忌与面试官倒苦水,说前公司老板的不是业务发展缓慢,上升空间有限(有些不符合…

【华为OD机试模拟题】用 C++ 实现 - 不等式(2023.Q1)

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 去重求和(2023.Q1) 文章目录 最近更新的博客使用说明不等式题目输入输出描述示例一输入输出示例二输入输出Code使用说明 参加华为od机试,一定要注意不要完全背诵代码,需要理解之后模仿写出,通过率才会高。 华为 OD …

正态分布、Q函数、误差函数erf()和互补误差函数erfc()

1、正态分布(高斯分布) 若随机变量 X服从一个位置参数为 μ、尺度参数为 σ 的概率分布,且其概率密度函数为 则这个随机变量就称为正态随机变量,正态随机变量服从的分布就称为正态分布,记作 X∼N(μ,σ2) 。 当μ0,σ…

【Opencv-python】之入门安装

目录 一、安装Python 1. 登录官网https://www.python.org/downloads/ 2. 任选一个版本,下载Python 3. 安装Python 记得勾选下图的Add Python 3.6 PATH, 添加python到环境变量的路径,然后选择Install now​编辑 4. 验证是否安装成功 5.退出 二、安装…

【华为OD机试模拟题】用 C++ 实现 - 路灯照明(2023.Q1)

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 去重求和(2023.Q1) 文章目录 最近更新的博客使用说明路灯照明【华为OD机试模拟题】题目输入输出描述示例一输入输出说明Code使用说明 参加华为od机试,一定要注意不要完全背诵代码,需要理解之后模仿写出,通过率才会高…

Redis源码---键值对中字符串的实现,用char*还是结构体

目录 前言 为什么 Redis 不用 char*? char* 的结构设计 操作函数复杂度 SDS 的设计思想 SDS 结构设计 SDS 操作效率 紧凑型字符串结构的编程技巧 小结 前言 对于 Redis 来说,键值对中的键是字符串,值有时也是字符串在 Redis 中写入一…

渗透之信息收集

信息收集 当我们需要渗透某一个网站、服务器。。。。时 我们首先得收集它得相关信息 比如: 域名、ip、端口、web cms指纹、目录扫描、网络空间测绘。。。。等等等等手段尽可能的去收集它的信息。 收集越多信息,相对于我们越有利,让我们有更多手段去对…

计算机组成原理(1)--计算机系统概论

一、计算机系统简介1.计算机系统软硬件概念计算机系统由“硬件”和“软件”两大部分组成。所谓“硬件”,是指计算机的实体部分,它由看得见摸得着的各种电子元器件,各类光、电、机设备的实物组成,如主机、外部设备等。所谓“软件”…

【华为OD机试模拟题】用 C++ 实现 - 某公司组织招聘(2023.Q1)

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 去重求和(2023.Q1) 文章目录 最近更新的博客使用说明招聘 | 某公司组织题目输入输出示例一输入输出说明示例二输入输出说明示例三输入输出说明

C语言if判断语句的三种用法

C if 语句 一个 if 语句 由一个布尔表达式后跟一个或多个语句组成。 语法 C 语言中 if 语句的语法: if(boolean_expression) {/* 如果布尔表达式为真将执行的语句 */ }如果布尔表达式为 true,则 if 语句内的代码块将被执行。如果布尔表达式为 false&…

吉利「银河」负重突围

吉利控股集团最新公布的数据显示,2022年,吉利控股集团汽车总销量超230万辆,同比增长4.3%。其中,新能源汽车销量超64万辆,同比增长100.3%。 在中国本土市场,2022年吉利集团旗下品牌乘用车总交付量为135.84万…

scrcpy 无线投屏基本使用(强烈推荐)

目录scrcpy 的无线投屏控制:下载 scrcpy配置系统环境变量电脑连接设备adb多设备连接常用快捷键命令scrcpy 的无线投屏控制: 这个应用程序提供了 USB(或TCP/IP) 上连接的 Android 设备的显示和控制; 它是免费且开源投屏控制工具(模拟器),它不需…