JavaScript中window对象及open和close使用

article/2025/9/14 1:52:10

Window对象

是一个顶级对象,不是任何对象的属性,所以可以不写window.xxx而直接使用内部的属性和方法。

实际上,在web前端开发时,所有的全局变量都自动成为window对象的属性

Window对象的属性

Screen
History
Location
Navigator
Document(DOM)

Window对象的方法

alert
confirm
prompt
setIntervel
setTimeout
clearInterval()
open
Close(只能关闭使用js打开的浏览器窗口)

Screen对象

根据显示器宽度动态引入CSS外部文件
方法:给link标记添加id,根据width属性值修改link中的href值。

在这里插入图片描述

History对象

方法:
back():后退一个历史页面
forward():前进一个历史页面
go(路径深度)

Location对象

在这里插入图片描述

Confirm方法

让用户选择是否继续进行浏览器默认行为。使用return 将confirm的用户选择结果返回给某个事件,true时将会继续该事件的默认行为,false时将会中止该事件的默认行为。

setTimeOut

格式:
setTimeOut(function(){},毫秒数)

setInterval与clearInterval

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

时间日期函数

获取当前日期时间的方法:
var dd=new Date();//此时dd就是当前的日期时间,是一个日期时间型变量
可用以下方法获取或设置具体时间
getDate()从 Date 对象返回一个月中的某一天
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth()从 Date 对象返回月份 (0 ~ 11)。getFullYear()从 Date 对象以四位数字返回年份。getHours()返回 Date 对象的小时 (0 ~ 23)。getMinutes()返回 Date 对象的分钟 (0 ~ 59)。getSeconds()返回 Date 对象的秒数 (0 ~ 59)。

Open/close方法

open的格式
window.open([url,][name,][features,][replace])
url:要打开的网页路径
Name:窗口名称(通常使用target属性值)
Features:窗口特征,属性列表
Replace:是否替换浏览历史条目
Close方法:
window.close();不同浏览器支持度不同,但是都支持 关闭由js打开的浏览器窗口

open方法举例

window.open 基本语法: window.open(pageURL,name,parameters);具体示例window.open(‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no’)相关参数说明window.open 弹出新窗口的命令; ‘page.html’ 弹出窗口的文件名;  ‘newwindow’ 弹出窗口的名字(不是文件名),非必须,可用空’'代替;  height=100 窗口高度;  width=400 窗口宽度;  top=0 窗口距离屏幕上方的象素值;  left=0 窗口距离屏幕左侧的象素值;  toolbar=no 是否显示工具栏,yes为显示;  menubar,scrollbars 表示菜单栏和滚动栏。  resizable=no 是否允许改变窗口大小,yes为允许;  location=no 是否显示地址栏,yes为允许;  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

实例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><button>返回</button><a href="http://www.baidu.com" onclick="return false">点我进到百度</a><button onclick="closeWin()">关闭这个窗口</button><script>//----window对象是全局对象,全局定义的所有变量和函数其实都默认地成为了window对象中的属性和方法// console.log(window);// window.alert("大家好");// var aaa = 123;// console.log(window);// function aaff(){//     aabbcc = 222;//这里其实是造价于window.aabbcc = 222;//     var aaabbb = 333;// }// aaff();// console.log(aabbcc);// console.log(window);// //-----screen对象,客户端显示器的信息// console.log("你的显示器分辨率为:height."+window.screen.height)// console.log("你的显示器分辨率为:width."+window.screen.width)// ////------history对象// function backurl(){//     window.history.back();// }//---------location对象// console.log(window.location);//-----navigator对象//console.log(window.navigator);//以下是window对象的常用方法//----------confirm方法// function clickA(){//     var confirmValue;//    confirmValue =  confirm("你想打开这个链接吗?")//用户选择是或否,通过返回值来继续进行下一步操作//    console.log(confirmValue);//    return confirmValue;// }//---------setTimeOut方法// setTimeout(function(){//     document.write("这个警告框将在网页打开5秒后显示")// },5000);//-----------setInterval和clearInterval方法// var count = 0;// var setInvalId = setInterval(function() {//     count++;//     document.write(count);// }, 1000);// setTimeout(() => {//箭头函数的写法//     clearInterval(setInvalId);// }, 8000);function closeWin(){//window.close();//兼容性的问题window.open("about:blank","_self");//用打开空白页的方式模拟}</script>
</body>
</html>

http://chatgpt.dhexx.cn/article/98puI5r8.shtml

相关文章

Python基础(十三)——文件操作(open函数、close函数)

本文以Python3以上为学习基础。 目录 1、 使用文件操作第一原则 2、open函数 2.1、文件打开模式 2.1.1、只读模式打开文件——只读&#xff08;r&#xff09; 2.1.2、读写模式打开文件——读写模式&#xff08;r&#xff09; ​ 2.1.3、写模式打开文件——写模式&#…

layer中的open与close

关于layer中的open方法与close方法 open方法open函数的定义open函数里面optionsopen函数中返回的值 close方法如何使用close方法关于layer中的一些发现 写在最后的话 open方法 open函数用来创建一个弹出层。 open函数的定义 形式为&#xff1a;layer.open(options) 例如&…

open函数详解与close函数详解

open() 头文件&#xff1a;#include<fcntl.h>//在centos6.0中只要此头文件就可以#include<sys/types.h>#incldue<sys/stat.h> 功能&#xff1a;打开和创建文件&#xff08;建立一个文件描述符&#xff0c;其他的函数可以通过文件描述符对指定文件进行读取与…

open和close函数

open函数&#xff1a;打开或创建文件 系统调用open可以用来打开普通文件、块设备文件、字符设备文件、链接文件和管道文件&#xff0c;但只能用来创建普通文件&#xff0c;创建特殊文件需要使用特定的函数。 头文件&#xff1a; #include <sys/types.h> #include <…

linux close 头文件,Linux open close read write lseek函数的使用

我们经常需要在Linux中进行文件操作,今天我就来分享下文件操作用到的一些函数 1 open 所需头文件: 函数原型:int open(const char *pathname,flags,int perms) pathname:被打开的文件名,可包含路径 flag :文件打开的方式,参数可以通过“|” 组合构成,但前3 个参数不能互…

linux的open close函数

目录 opencloseopen 参数说明代码 解析报错不用怕,我提供解决思路 前言 开始进入学linux的第一个阶段 第一阶段的 Linux的系统函数 第一节 先讲 open close 函数 open 怎么在liunx查看呢 我们利用下面的命令 linux自带的工具 man 手册 man 1 是普通shell 的命令 比如 ls ma…

简述Java序列化的几种方式

目录 JDK原生的序列化 字符串获取字节流 Protobuf Protostuff Thrift kryo hessian fst JSON字符串序列化 Jackson Gson FastJson 序列化和反序列化在网络传输过程中需要做的事情。 序列化 就是得的 字节流&#xff0c;反序列化就是得的对象。 下面梳理Java编程需要…

java序列化之writeObject 和readObject

什么是序列化和反序列化&#xff1f; 序列化&#xff1a;将对象转化为字节的过程称为序列化过程。 反序列化&#xff1a;将字节转化为对象的过程称为反序列化。 序列化主要应用于网络传输和数据存储的场景。在java中&#xff0c;只有类实现了java.io.serializable接口&#x…

java序列化总结

目录 对象序列化是什么 为什么需要序列化与反序列化 序列化及反序列化相关知识 Java 序列化中如果有些字段不想进行序列化&#xff0c;怎么办&#xff1f; Java序列化接口 java.io.Serializable 使用序列化和serialVersionUID进行类重构 Java外部化接口 java.io.Externa…

java序列化接口Serializable

Serializable接口说明 类的可序列化性通过实现(implements) java.io.Serializable可序列化接口。 没有实现这个接口的类不会将其任何状态序列化或反序列化。 可序列化类的所有子类型本身可序列化。 序列化接口没有方法或字段只用于识别可序列化的语义。 为了允许序列化不可序…

Java序列化之serialVersionUID

Java序列化之serialVersionUID 今天讲一讲Java对象中的serialVersionUID&#xff0c;先从序列化讲起。 什么是序列化 序列化&#xff0c;简单的说&#xff0c;就是将一个对象转化&#xff08;编码&#xff09;成可以传输的输出流&#xff08;字节流&#xff09;。而反序列化…

一文了解Java序列化与反序列化

目录 序列化示例有父类的对象序列化Serializable和Externalizable区别序列化和反序列化实现serialVersionUID不一致有什么问题1、先注释掉反序列化代码, 执行序列化代码, 然后User类新增一个属性sex2、再注释掉序列化代码执行反序列化代码3、指定serialVersionUID 序列化字段修…

一篇搞懂java序列化Serializable

序列化 (Serialization)将对象的状态信息转换为可以存储或传输的形式的过程。 一、序列化和反序列化的概念 把对象转换为字节序列的过程称为对象的序列化。 把字节序列恢复为对象的过程称为对象的反序列化。 对象的序列化主要有两种用途&#xff1a; 1&#xff09; 把对象…

Java序列化与数据传输

1&#xff09;什么是序列化 ① 序列化&#xff1a;Java 提供了一种对象序列化的机制&#xff0c;该机制中&#xff0c;一个对象可以被表示为一个字节序列&#xff0c;该字节序列包括该对象的数据、有关对象的类型的信息和存储在对象中数据的类型。 堆内存中的java对象数据&…

java序列化的作用

1.java序列化需要实现Serializaible接口或者Externalizable接口 2.java实现序列化的作用: 1.方便在远程调用时对象的解码与编码,就像new对象之间直接调用&#xff0c;不需要像传输对象之间像JSON转换一样转来转去 2.序列化的能力&#xff1a;为了在程序中能直接以对象的形式进…

Java序列化与反序列化

参考链接&#xff1a; Java 序列化与反序列化_Jacks丶的博客-CSDN博客_java反序列化 1 序列化与反序列化的概念 Java 序列化是指&#xff1a;将对象转化成一个字节序列(二进制数据)的过程。 将序列化对象写入文件之后&#xff0c;可以从文件中读取出来&#xff0c;并且对它…

Java序列化

一、什么是序列化&#xff1f;为什么要序列化&#xff1f; Java 序列化就是指将对象转换为字节序列的过程&#xff0c;而反序列化则是只将字节序列转换成目标对象的过程。 我们都知道&#xff0c;在进行浏览器访问的时候&#xff0c;我们看到的文本、图片、音频、视频等都是通…

【JAVA基础】java基础之-序列化详解

写在前面的话 脑子是个好东西&#xff0c;可惜的是一直没有搞懂脑子的内存删除机制是什么&#xff0c;所以啊&#xff0c;入行多年&#xff0c;零零散散的文章看了无数&#xff0c;却总是学习了很多也忘了很多。 痛定思痛的我决定从今天开始系统的梳理下知识架构&#xff0c;记…

JAVA的序列化

絮叨 Java序列化其实这个用的多不多&#xff0c;我觉得看公司的技术栈吧&#xff0c;如果用的是cloud那套&#xff0c;估计接触的会少点&#xff0c;但是也不是说没有&#xff0c;如果是dubbo那套的话&#xff0c;就多点&#xff0c;上次我们说Netty的编码解码的时候说到了谷歌…

MySQL卸载重新安装会遇到的问题及解决方式

好家伙&#xff0c;全踩雷了&#xff1a; 一.使用cd命令无法进入到其他盘符&#xff1f; 解决&#xff1a;在cd后加/d&#xff0c;两者之间用空格隔开 二.初始化时没有给出密码&#xff1f; 解决&#xff1a;仔细检查my.ini配置文件中的配置命令&#xff0c;一般是配置命令写错…