html5 在 history 对象上添加几个新的方法、事件、属性，用以增强开发者对于浏览器历史记录的控制。大体上说，新的API可以帮助我们在无刷新的情况下改变浏览器的url，新增或者替换之前的历史记录。建议先看看这个示例, 具体的文档推荐参考MDN。 这里谈谈使用新的 History API时，需
转载
2020-05-29 10:08:00
255阅读
# HTML5 History API 编程式导航入门
在现代的 Web 开发中，HTML5 的 History API 提供了一种可以在不重新加载页面的情况下管理浏览历史的方法。对于刚入行的小白来说，理解和实现这一 API 的功能可能会遇到一些挑战。本文将带您一步步了解 HTML5 History API 的编程式导航，并通过表格和代码示例让您清楚每个步骤。
## 流程概述
在实现 HTM
history对象之pushState，replaceState浏览器有一个history对象，用来保存浏览历史，用户可以通过点击浏览器的后退或前进按钮在历史记录中切换。之前对history的操作的API主要是前进、后退、跳转等，而在HTML5中提供了2个新方法来管理history。history.pushState(state, title, url); history.replaceState
转载
2023-07-19 21:36:57
271阅读
HTML5 History API & URL 重定向
转载
2019-03-20 14:28:00
89阅读
# 如何实现HTML5清除history
## 1. 引言
在前端开发中，我们经常会遇到需要清除浏览器历史记录的情况，特别是在某些场景下，我们希望用户在离开网页后无法通过浏览器的后退按钮返回到之前的页面。本文将介绍如何使用HTML5的history API来实现清除浏览器历史记录的效果。
## 2. 实现步骤
下面是实现HTML5清除history的步骤。
| 步骤 | 描述 |
|
原创
2023-11-08 09:28:14
731阅读
History API History 作为一个全局变量（即 window.history），不继承任何属性，在 html4 时代就已经存在，通过这个接口，我们可以操纵浏览器中曾经访问过的会话历史记录，但当时我们能使用的属性与方法只有这么几个： History.length 属性: 返回一个整数，该 ...
转载
2021-08-16 20:13:00
107阅读
2评论
今天这篇文章，只搞清楚两件事 —— History API & Locatio
转载
2022-11-08 17:09:27
65阅读
# 如何实现“HTML5 History Interface”
## 概述
在Web开发中，HTML5 History Interface允许你更改浏览器的URL而不刷新页面，这在构建单页应用程序时非常有用。本文将指导你如何实现这一功能。
## 步骤
以下是实现“HTML5 History Interface”的步骤：
```mermaid
gantt
title HTML5 His
原创
2024-03-17 06:30:43
9阅读
# HTML5 History 清空
HTML5 的 History API 允许我们通过 JavaScript 在不刷新页面的情况下修改浏览器的历史记录，这为单页面应用程序提供了更好的用户体验。然而，有时候我们需要清空浏览器的历史记录，这样用户就无法通过浏览器的后退按钮返回到之前的页面。本文将介绍如何使用 HTML5 History API 来清空浏览器的历史记录。
## HTML5 His
原创
2024-03-22 06:30:45
745阅读
概述HTML5 并不仅仅只是html标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将web作为应用开发平台的HTML语言。HTML5定义了一系列新元素，如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用，甚至结合Canvas我们可以开发网页版
转载
2023-09-06 14:38:07
42阅读
以下是之前学习的一些HTML5 API的总结，在HTML5中有许多功能和接口很值得我们去了解和学习。 页面可见性API--page Visbility 全屏API --full Screen 获取MediaAPI--getUserMedia 电池API --battery 资源预加载API--link Prefetching Page Visibility 页面可见性API该API可以用来检测页
转载
2023-07-27 22:47:21
313阅读
关于HTML 5，51CTO已陆续报道了几篇关于HTML 5应用技巧方面的文章，比如《探秘HTML 5链接预取功能》、《HTML 5 Web Sockets应用初探》等等，下面我们将介绍一个简单的应用，该应用主要使用了HTML 5中的FileReader方法，FileReader就是HTML 5所提供的File API。在HTML 5里，从Web网页上访问本地文件系统变的十分的简单，那就是使用Fi
转载
2023-12-11 14:44:46
53阅读
第 14 章 HTML5 APIHTML5是用于创建网页的超文本标记语言的最新版本。目前最新的版本号为5.1,于2016年11月 成为了W3C的推荐标准。HTML5给规范添加了大量的新功能。还超越了实际的标记语言，带来 了很多相关的技术，比如CSS和JavaScript。我们在第10章介绍表单验证的时候，已经看到了一 些新的表单控件以及校验表单的API。在本章，我们将继续来看一下H TML5中有哪
转载
2023-09-14 15:58:45
41阅读
FileList对象和File对象在HTML5中对file控件添加了multiple属性，允许一次放置多个文件，使用FileList来表示文件列表对象，File对象表示每一个文件。File对象有name、lastModifiedDate、size和type属性。 <form enctype="multipart/form-data" method="post">
<in
转载
2023-12-09 14:31:24
39阅读
<ul id="choMenu" class="rel cho_menu"> <li><a href="ajax.php?area=pudong" class="cho_link cho_link_on">浦东区<span class="ml20">8</span></a></li> <li><a
原创
2019-02-25 19:59:00
183阅读
Fetch Api 概述XMLHttpRequest的问题所有的功能全部集中在同一个对象上，容易书写出混乱不易维护的代码采用传统的事件驱动模式，无法适配新的 Promise ApiFetch Api 的特点并非取代 AJAX，而是对 AJAX 传统 API 的改进精细的功能分割：头部信息、请求信息、响应信息等均分布到不同的对象，更利于处理各种复杂的 AJAX 场景使用 Promise Api，更利
转载
2023-08-21 18:20:41
84阅读
简介HTML 5中File API是HTML 5中一大亮点，可以让我们去读取本地文件，通过File API规范提供了多种访问文件接口。API 被分为以下不同的主题：读取和处理文件：File/Blob、FileList、FileReader创建和写入：BlobBuilder、FileWriter目录和文件系统访问：DirectoryReader、FileEntry/DirectoryEn
转载
2023-09-01 09:38:35
109阅读
译者：dwqsHistory是有趣的，不是吗？在之前的HTML版本号中，我们对浏览历史记录的操作很有限。我们能够来回使用能够使用的方法，但这就是一切我们能做的了...
转载
2015-02-18 21:53:00
113阅读
2评论
在Web开发中，使用HTML5 History API可以帮助我们构建更加友好的单页面应用程序（SPA）。通过配置HTML5 history模式，我们能够创建更美观的URL并保持应用的状态。接下来，我将详细记录配置HTML5 history模式的过程。
## 环境准备
在开始之前，我们需要确保开发环境已经准备好。我们通常需要安装Node.js和npm工具，以便能够使用webpack或Vue R
在HTML 5中，新增加了震动相关的API http://www.w3.org/TR/vibration/,其中可以用来在游戏或者短消息来临之际通知用
转载
2022-12-05 10:48:04
27阅读
