关于地址栏里的 #

2023-05-16

#的含义

URL中的hash

#代表网页中的一个位置,其右边的字符,就是该位置的标识符。比如:

http://www.example.com/index.html#print

就是代表index.html中的print位置。浏览器会自动把print位置滚动到页面可视区域内。
设置方法:
  • step1:设置一个锚点
		<a href="#print">定位到print位置</a>
  • step2:在页面需要定位的内容加上id=“print”。例如:
		<div id="print"></div>
  • 测试:step1设置的锚点,step2中id为print的内容会滚动到页面顶端(可观察滚动条的距离)。同时,页面的url末端中会出现#print的哈希值。

HTTP请求不包含#

#号是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包含#。

#后面的字符

在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符。这意味着,这些字符都不会被发送到服务器端。

改变#不触发网页重载

单单改变#后的内容,浏览器只会滚动到相应位置,不会重新加载网页。

浏览器不会重新向服务器请求页面。

改变#会改变浏览器的访问历史

每一次改变#后的部分,都会在浏览器的访问历史中增加一个记录,使用"后退"按钮,就可以回到上一个位置。

这对于ajax应用程序特别有用,可以用不同的#值,表示不同的访问状态,然后向用户给出可以访问某个状态的链接。

值得注意的是,上述规则对IE 6和IE 7不成立,它们不会因为#的改变而增加历史记录。

window.location.hash读取#值

window.location.hash这个属性可读可写。读取时,可以用来判断网页状态是否改变;写入时,则会在不重载网页的前提下,创造一条访问历史记录。

onhashchange事件

这是一个HTML 5新增的事件,当#值发生变化时,就会触发这个事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持该事件。
  • 它的使用方法有三种:
// 1
window.onhashchange = func;
// 2
<body onhashchange="func()">
// 3
window.addEventListener("hashchange", func, false);

Google抓取#的机制

默认情况下,Google的网络蜘蛛忽视URL的#部分。

但是,Google还规定,如果你希望Ajax生成的内容被浏览引擎读取,那么URL中可以使用"#!",Google会自动将其后面的内容转成查询字符串_escaped_fragment_的值。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

关于地址栏里的 # 的相关文章

  • 《C++新经典》第1章 C/C++语言

    C 43 43 新经典 第1章 C C 43 43 语言 C语言最突出特点 xff1a 效率高 灵活性 可以直接访问物理地址 xff08 操作硬件 xff09 xff0c 进行位运算 C 43 43 语言特性 xff1a 封装性 继承性 多
  • 《C++新经典》第8章 编译预处理

    C 43 43 新经典 第8章 编译预处理 8 1 宏定义8 1 1 无参宏定义8 1 2 带参宏定义 8 2 文件包含和条件编译8 2 1 文件包含8 2 2 条件编译 可复用代码 xff0c 实现相对独立和短小的功能 8 1 宏定义 编
  • 《C++新经典》第14章 类

    C 43 43 新经典 第14章 类 14 1 成员函数 对象复制与私有成员14 1 1 总述14 1 2 类基础14 1 3 成员函数14 1 4 对象的复制14 1 5 私有成员 14 2 构造函数 explicit与初始化列表14 2
  • 《C++新经典》第19章 STL标准模板库大局观

    C 43 43 新经典 第19章 STL标准模板库大局观 19 1 STL总述 发展史 组成与数据结构谈19 1 1 几个概念与推荐书籍19 1 2 算法和数据结构谈19 1 4 标准库使用19 1 5 STL的组成部分 19 2 容器分类
  • 《C++新经典模板与泛型编程》之第1章 C++编程环境介绍

    C 43 43 新经典模板与泛型编程 之第1章 C 43 43 编程环境介绍 1 1 C 43 43 编程环境搭建说明1 2 创建C 43 43 程序1 3 程序调试方法1 3 1 跟踪调试1 3 2 查看内存1 3 3 快速监视对话框1
  • ITSM:某省通信公司支撑系统服务管理案例

    xff08 1 xff09 公司背景 某通信公司在全国30个省 自治区 直辖市设立了300多个分公司和子公司 经营的电信业务包括移动电话 xff08 包括GSM和CDMA xff09 无线寻呼 长途电话 本地电话 数据通信 xff08 包括
  • CTO就业市场今非昔比

    CTO就业市场今非昔比 作者 xff1a ZDNet China Kforce Inc 的IT与工程部门主管Peter Woolford说 xff1a 过去 xff0c CTO这个职位是非常风光 非常诱人的 一般来说 xff0c 担任这个职
  • springboot 项目 访问不到 的处理办法

    1 xff1a 检查 64 POSTMapping中的 内容 是否存 xxxx 这样的内容 修改 xxx 即可
  • 爱情

    爱情 一哥们最近谈对象了 这家伙计算机专业 科大本科 中山硕士 电信骨干 年近三十 却一直没有女友 人很老实 整天在游戏里自得其乐 最近另一朋友实在仍不住了 就帮他撮合了一个金领女友 于是乎 这家伙现在满脸红光 连 MSN 都改名子了 xf
  • 管理启示:钓竿与钓技

    有太多人认为自己手握人生的钓竿 xff0c 鱼儿会自动上钓 殊不知各行各业的专业 xff0c 都需要长期用心精耕 xff0c 才能累积到像老人的 钓技 位子 是虚的 xff0c 能力 是实的 有位年轻人到 Career 来寻求职咨询 xff
  • 学习笔记?

    学习笔记 xff1f
  • 新一代电信运营商运营支撑系统中的客户服务

    一 电信运营商的运营支撑系统 随着中国电信业逐步打破垄断 xff0c 为国内的电信运营商提供了一个逐步市场化的合理竞争环境 同时 xff0c 世界经济的全球化 市场的国际化和我国加入WTO步伐的加速 xff0c 也要求国内的电信运营商在经营
  • 用SID模型系统构建支撑

    为什么要使用SID OSS BSS是电信运营商解决企业运做管理自动化 信息化 提高产品销售 xff08 业务 xff09 和客户服务质量的综合支撑系统 它的发展大致可分为面向网元及网络管理 面向业务管理 面向客户管理三个发展阶段 而现阶段的
  • 构筑面向客户的电信运营支撑系统

    一个成功的电信企业如何才能保持持续发展的能力 xff1f 虽然融资 并购 重组等体制改革是非常必要的手段 xff0c 推动电信企业运营管理能力的提升更为重要 在电信业下一轮的竞争中 xff0c 全面提升管理水平和运营能力是决定性因素 以前是
  • 思特奇BOSS:综合计费系统的设计

    及时 灵活优惠的计费是现代移动运营商一切业务活动的基础 xff0c 也是为用户提供全面高质量服务 xff0c 提高市场竞争力的出发点 所以 xff0c 思特奇的综合计费系统根据语音 数据业务 增值业务等相关业务的特征 xff0c 可以按时长
  • CIO靠业务翻身

    身为CIO的你被降级了 CEO将把你叫进他的办公室并告诉你 xff0c 经过深思熟虑 xff0c 他决定让你向CFO做报告 每个人都知道这意味着什么 xff0c IT不必再向CEO作报告了 xff0c 但事实上IT是不应该这样的 虽然IT部
  • NIST SP800系列标准

    NIST SP800系列标准 SP800是美国NIST xff08 National Institute of Standards and Technology xff09 发布的一系列关于信息安全的指南 xff08 SP是Special
  • Python一个对象如何调用基类和继承类的方法

    main 函数 先 生成一个类 TrainOptions 的对象 然后调用 类中 的 parser 方法 但是发现 TrainOptions 没有该方法 所以去它的基类 BaseOptions 中找 并且找到了 parser 方法 此时调用
  • 滤波器和图像处理

    滤波器就是一个信号波形 xff0c 从时域看是 幅度 时间 的曲线 xff0c 从频域看是由多种不同频率成分的波形合成一个波形 xff0c 滤波就是滤除不要的频率成分 保留需要的频率成分 xff1b 高通滤波就是让高频成分通过 xff0c
  • 微信PC版的缓存文件夹

    微信PC版的缓存文件夹都装了什么 我们在PC版的微信上看到的所有东西 xff0c 都是会在硬盘里留下缓存文件的 微信缓存的路径 xff0c 默认是电脑的 我的文档 文件夹 xff0c 也就是 系统盘 Users 用户名 Documents

随机推荐

  • Win10子系统ubuntu20.04设置静态ip、笔记

    Win10子系统ubuntu20 04设置静态ip 笔记 简单有效的方法 一个新思路 xff1a 不改IP xff0c 加一个指定IP 在 Windows 10 中 xff0c 以管理员权限运行 CMD 或 Powershell xff0c
  • win10安装wsl2 unbuntu报错,WslRegisterDistribution failed with error: 0x80070002

    Installing this may take a few minutes WslRegisterDistribution failed with error 0x80070002 Error 0x80070002 The system
  • 什么是系统调用

    系统调用 1 内核模式与用户模式 为了保护设备 xff0c 操作系统不可能让所有的程序都能轻松地访问到任何的文件 xff0c 将处理器CPU分为两种模式 xff0c 内核模式和用户模式 xff0c 诸如一些修改寄存器内容的命令 xff0c
  • 【Docker】update-ca-certificates把JAVA_HOME抹掉了?一个镜像问题(未解决)

    今天在做镜像的时候发现一个问题 maven 3 6 3 openjdk 8 镜像是 dockerhub 拉下来的 xff0c 大家可以尝试一下 xff0c 然后在 Dockerfile 里执行了一下 update ca certificat
  • Mac里捣腾Kerberos(一)

    文章目录 1 Overview2 安装3 Summary 1 Overview 最近需要解决一个部门一个老旧问题 xff0c 问题大概是这样的 xff0c Spark on K8S 在访问 HDFS xff08 其他小组负责 xff09 的
  • Qt实战开发-目录树

    关键知识点 使用QStandardItemModel 建立标准化项目模型 xff0c 对树形控件节点操作提供用于存储自定义数据的通用模型 xff0c 每个数据项被表示为类QStandardItem的对象 xff0c 类QStandardIt
  • fdisk: cannot open /dev/sdb: Permission denied

    fdisk cannot open dev sda Permission denied fdisk cannot open dev sdb Permission denied 切换root用户就好了
  • Ubuntu安装NVIDIA驱动

    本篇教程来自我在好几台服务器 43 好几台工作站上安装驱动的实践经验 会持续更新 强烈建议 xff0c 阅读完全文后再上手实操 xff01 xff01 xff01 推荐博客 xff1a How to install Nvidia drive
  • Windows2012中安装Nginx并创建为Windows服务

    安装Nginx 下载windows版nginx xff08 http nginx org download nginx 1 10 0 zip xff09 xff0c 之后解压到需要放置的位置 xff08 D xampp nginx xff0
  • 对比两个List,区分重复数据(优化)。

    1 背景 现在日常工作中经常会遇到两组数据对比碰撞的需求 xff0c 菜菜不才 xff0c 之前写了一个不怎么优雅的代码才解决了问题 xff0c 而且还是只能对比String的 xff0c 菜菜有空后赶紧写了一个比较优雅的方式解决了list
  • Selenium-API基本操作

    一 元素定位 1 含义 xff1a 元素定位就是通过元素的信息或元素的层级结构来定位元素的 2 方式 xff1a idnameclass nametag namelink textpartial link textXPathCSS 3 定位
  • 解决Ubuntu18.04搜狗输入法无法使用的问题

    win10 43 Ubuntu18 04双系统 如果按照按照官网的教程直接安装 xff0c 大概率安装好以后是无法使用的 xff0c 可尝试如下方法修复 xff0c 已亲测多台电脑 xff0c 均成功 1 先卸载掉fcitx xff0c 及
  • 树莓派4B ubuntu mate 20.04 安装xrdp实现远程登录 可以用windows自带的mstsc远程

    树莓派4B安装Ubuntu Mate后 xff0c 开启远程桌面xrdp服务可以使用mstsc远程登录访问 xff1a 安装步骤 xff1a 控制台输入命令 sudo apt get install xrdp 安装后重启xrdp服务 xff
  • STM32F103程序设计-6-引脚输入功能-按键(查询)

    检测单片机引脚上的电平 xff0c 即使用单片机的输入功能 把上次的例程中初始化控制 LED的 GPIO 口的部分拿出来放到一个函数 LED Iint 中 注意 xff0c 初始化时先在 LED Iint 的最后点亮 LED xff0c 目
  • Python日志按时间自动切分——基于logging

    1 TimedRotatingFileHandler 1 简介 TimedRotatingFileHandler是logging内置的可设置固定时间间隔的日志记录类 xff0c 直接调用进行实例化和配置就可以实现日志的按时间自动切分 关键参
  • 双系统:Windows7下安装Ubuntu16.04

    以前在本本上用过U盘做成启动盘安装 xff0c 最近在工作需要装个Ubuntu但因为没有多余U盘就使用EasyBCD进行安装 xff0c 方便快捷 1 前提准备 环境 xff1a windows7 EasyBCD 2 3 随便一搜就是了 u
  • ubuntu Anaconda3安装及配置环境变量

    一 安装 1 下载源 xff1a 下载链接 ubuntu 18 04 选择https mirrors tuna tsinghua edu cn anaconda archive Anaconda2 5 0 1 Linux x86 64 sh
  • 1.Nginx修改进程名称

    我们在通过ps ef grep nginx 查看Nginx的进程时 xff0c 会发现显示的名称有些与众不同 xff0c 如下所示 root 64 test home test ps ef grep nginx root 2047 1 0
  • ios学习笔记: TableView利用label调整cell高度

    tableView中 xff1a CGFloat tableView UITableView tableView heightForRowAtIndexPath NSIndexPath indexPath 模拟数据 MC EatCommen
  • 关于地址栏里的 #

    的含义 URL中的hash 代表网页中的一个位置 xff0c 其右边的字符 xff0c 就是该位置的标识符 比如 xff1a http www example com index html print 就是代表index html中的pri