Web基础 ( 五 ) JavaScript BOM

news2024/11/27 22:24:33

4.4.BOM浏览器对象模型

window代表窗体, 内置多种对象, 每种对象包含多种方法及属性

4.4.1.location 地址栏

window.location.href = "url";  // 当前窗口加载指定的页面

location.reload(); //刷新

4.4.2.history 访问历史记录

window.history.back();  // 返回上一页面

window.history.forward();  // 前进到下一页面

window.history.go(-1);  // 向前或者向后跳转几个页面

window.history.length;  // 总访问数

在这里插入图片描述

4.4.3.时间处理

4.4.3.1.延时效果:

ident=window.setTimeout("alert('延时弹出')",1000);

window.clearTimeout(ident); // 取消延时效果

4.4.3.2.定时效果:

iv=window.setInterval("alert('定时弹出')",1000);

window.clearInterval(iv); // 取消定时效果

4.4.4.对话窗口

4.4.4.1.警告(提示)窗

window.alert("提示内容");  // 警告提示窗

在这里插入图片描述

4.4.4.2.确认窗

window.confirm("你确定吗?");  // 确认窗口

在这里插入图片描述

4.4.4.3.输入窗

 window.prompt("请输入"); // 输入窗口

在这里插入图片描述

以上三种窗口弹出时, 程序暂停进行

4.4.4.4.控制台 console

​ 控制台输出 console.log(); console.info() console.error()

在这里插入图片描述

注意: 是浏览器的控制台, 打开”开发者工具”才能看到

4.4.4.5.在窗体中生成HTML元素

document.write("<input>")

4.4.5.窗体

4.4.5.1.弹出页面 open

op = window.open("open1.html"); // 弹出窗体

4.4.5.2.框架页

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<frameset  rows="80,*">
	<frame  src="top.html" name="top"/>
	<frameset  cols="180,*">
		<frame src="left.html" name="left"  />
		<frame src="right.html"  name="right"/>
	</frameset>
</frameset>
</html>

4.4.5.3.内嵌页面子窗口

<iframe name="标识" src="页面路径" width="" height=""></iframe>

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

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

相关文章

搞一搞用例图

前言 基于公司技术方案的设计比较重视用例图&#xff0c;重新学习一下相关内容。用例要说明参与者与用例之间的关系&#xff0c;那么对用例图相关要点进行梳理 用例图的定义及组成要素用例图的4种关系常用的用例图软件 定义与组成 用例图核心作用是将系统需求和参与者之间的…

DEJA_VU3D - Cesium功能集 之 110-椭圆(标绘+编辑)

前言 编写这个专栏主要目的是对工作之中基于Cesium实现过的功能进行整合,有自己琢磨实现的,也有参考其他大神后整理实现的,初步算了算现在有差不多实现小140个左右的功能,后续也会不断的追加,所以暂时打算一周2-3更的样子来更新本专栏(每篇博文都会奉上完整demo的源代码…

【手撕红黑树】

前言 相信很多人初学者听到了红黑树后心中不免有些心慌&#xff0c;那你看到了这篇文章后相信会有所收获&#xff0c;我其实刚开始也是对红黑树抱着一种害怕甚至是恐惧&#xff0c;但是在老师的帮助下也终于慢慢的不在恐惧了&#xff0c;你想知道为什么的话就继续往下看吧。&am…

【C,C++】内存管理new和delete

内存管理 前言正式开始几道热身题C语言动态内存管理方式C内存管理new/delete操作内置类型new和delete对于内置类型new开辟失败 operator new与operator delete函数new和delete的实现原理内置类型自定义类型 定位new表达式面试常考&#xff1a;malloc/free和new/delete的区别 前…

板子短路了?

有段时间没更新了&#xff0c;主要是最近有点忙&#xff0c;当然也因为有点“懒”。 做这行业的都知道&#xff0c;下半年都是比较忙的&#xff0c;相信大家也是&#xff01; 相信做硬件的小伙伴们&#xff0c;遇到过短路的板子已经不计其数了。 短路带来的危害&#xff1a;…

关于单目视觉 SLAM 的空间感知定位技术的讨论

尝试关于单目视觉 SLAM 的空间感知定位技术的学习&#xff0c;做以调查。SLAM算法最早在机器人领域中提出&#xff0c;视觉SLAM又可以分为单目、双目和深度相机三种传感器模式&#xff0c;在AR应用中通常使用轻便、价格低廉的单目相机设备。仅使用一个摄像头作为传感器完成同步…

Web基础 ( 四 ) JavaScript 介绍

4.JavaScript 4.1.概念 4.1.1.什么是JavaScript 通过浏览器中内置的解析器&#xff0c;逐行解析执行的一种脚本语言 主要是处理系统使用者的行为逻辑的 4.1.2.与Java语言的比较 代码格式不同 ​ Java与HTML无关的格式 ​ JavaScript代码是一种文本字符格式&#xff0c;可…

chatgpt赋能Python-numpy归一化函数

介绍&#xff1a;numpy归一化函数 在数据处理和分析中&#xff0c;常常需要将数据归一化到一定范围内&#xff0c;以便于不同数据之间进行比较和处理。在Python的数据科学方面&#xff0c;numpy库是非常常用的工具之一&#xff0c;其中的归一化函数非常便捷和有效。 在这篇文…

如何快速入门 Java?

在一线互联网公司做开发 13 年了&#xff0c;“精通”Java&#xff0c;“吊打”一众面试官&#xff0c;如何快速入门 Java&#xff0c;对我来说简直就是小儿科&#xff0c;相信看完后你一定能收获满满、醍醐灌顶&#xff0c;今年秋招拿下阿里、美团等互联网大厂的 offer。 逼装…

django ORM框架 第二章 表与表的关系关联表

目录 一、表的几种关联关系 1.1 一对一 1、介绍&#xff1a; 2、举例 3、建表原则&#xff1a; 4、django ORM 框架实现 一对一 的表的创建 1.2 一对多 1、介绍&#xff1a; 2、举例 3、建表原则&#xff1a; 4、django ORM 框架实现 一对多 的表的创建 1.3 多对多 1…

汇编八、汇编控制静态数码管显示数字

1、实现目标 通过汇编语言&#xff0c;实现单个静态数码管依次循环显示0~9。 2、数码管 2.1、数码管外观 2.2、数码管工作原理 (1)数码管的亮灭是由内部LED的亮灭实现的。 (2)一位数码管内部有八颗LED灯&#xff0c;利用内部的LED灯的亮和灭让数码管显示不同的数字。 3、…

chatgpt赋能Python-mac怎么用python

Mac如何使用Python&#xff1a;从入门到实践 简介 Mac操作系统上的Python开发环境非常受欢迎&#xff0c;因为它是一种优雅的编程语言&#xff0c;具有良好的可读性&#xff0c;可以轻松处理不同类型的任务&#xff0c;包括网站开发、机器学习和数据分析等领域。本文将介绍如…

干外包3年,彻底寄了...

先说一下自己的情况&#xff0c;大专生&#xff0c;18年通过校招进入湖南某软件公司&#xff0c;干了接近6年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了6年的功能测试&…

瑞吉外卖 - 删除分类功能(13)

某马瑞吉外卖单体架构项目完整开发文档&#xff0c;基于 Spring Boot 2.7.11 JDK 11。预计 5 月 20 日前更新完成&#xff0c;有需要的胖友记得一键三连&#xff0c;关注主页 “瑞吉外卖” 专栏获取最新文章。 相关资料&#xff1a;https://pan.baidu.com/s/1rO1Vytcp67mcw-PD…

chatgpt赋能Python-minhash_python

MinHash Python算法&#xff1a;优化大数据处理和搜索引擎 在如今互联网化和其他技术转型的时代&#xff0c;SEO已经成为许多企业和个人的必要条件。SEO方法(搜索引擎优化)一直在不断的发展&#xff0c;MinHash算法是其中之一。本篇文章将会介绍MinHash算法和它在Python中的实…

万金油表示真干不过,部门新来的00后测试员已把我卷崩溃,想离职了...

在程序员职场上&#xff0c;什么样的人最让人反感呢? 是技术不好的人吗?并不是。技术不好的同事&#xff0c;我们可以帮他。 是技术太强的人吗?也不是。技术很强的同事&#xff0c;可遇不可求&#xff0c;向他学习还来不及呢。 真正让人反感的&#xff0c;是技术平平&#x…

chatgpt赋能Python-numpy_分割

Numpy 分割&#xff1a;简介与应用 什么是 Numpy 分割&#xff1f; Numpy 是一种基于 Python 的科学计算库&#xff0c;它提供了对多维数组的支持。其中&#xff0c;分割是 Numpy 中一个非常重要的操作&#xff0c;它允许我们将一个数组沿着指定的轴切分成多个子数组&#xf…

synchronized 底层原理

synchronized 关键字的底层原理 jdk5 之前 synchronized 是重量级锁&#xff0c;但是jdk6 之后会有一个锁升级的过程 Monitor实现的锁属于重量级锁&#xff0c;你了解过锁升级吗? Java中的synchronized有偏向锁、轻量级锁、重量级锁三种形式&#xff0c;分别对应了锁只被一个…

Apache Zeppelin系列教程第六篇——Zengine调用Interpreter原理分析

Apache Zeppelin系列教程第五篇——Interpreter原理分析_诸葛子房_的博客-CSDN博客 Apache Zeppelin系列教程第四篇——JDBCInterpreter原理分析_诸葛子房_的博客-CSDN博客 前文介绍jdbc interpreter和interpreter模块交互代码&#xff0c;本篇文章主要分析Zengine调用Interp…

智能的本质人工智能与机器人领域的64个大问题阅读笔记(三)

目录 机器智能提高到人类的水平或者人类智能下降到机器的水平&#xff0c;都可以到达图灵点。 或许图灵测试是一个自我实现的预言&#xff1a;我们&#xff08;声称&#xff09;在打造“聪明”机器的同时&#xff0c;我们也在把人变笨。 不长脑的机器和不思考的人没什么两样&…