URL中井号的作用介绍

URL中的井号(#)是比较常见的,它并不影响网址的指向,而是有众多功能和特点的。下面就为大家介绍一些有关井号的故事。

1、页面中的某一个位置可以用井号在URL中指定

井号作为比较长出现在URL的一种符号,通常也会代表这个页面中的某一个位置,比如:http://aoshu.juren.com/chzt/xiaoxueshijuan/index.html#nn1,此URL表示在这个页面中nn1的位置。浏览器读取这个URL后,会自动将nn1位置滚动至可视区域。

设置描点只需在相应位置添加,然后在按钮的href中写入# + 位置的名字,即可。如(六年级上册)

2、HTTP请求不会发送URL中井号后面的数据

如果你使用HttpWatch监听http请求的工具时,你会发现HTTP请求中并没有找到井号后面的数值。因为井号后面的数值并不对服务器端起作用只对浏览器起作用。

3、JavaScript中的window.location.hash可以改变URL后面井号的数值

更改井号后面的数值,可以通过在页面上写一段JavaScript代码来实现。只要在window.location.hash上赋值即可。

(0)

相关推荐

  • URL中“#” “?” &“”号的作用浅析

    1. # 10年9月,twitter改版.一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为http://twitter.com/username改版后,就变成了http://twitter.com/#!/username 这是主流网站第一次将"#"大规模用于重要URL中.这表明井号(Hash)的作用正在被重新认识.本文根据HttpWatch的文章,整理与井号有关的所有重要知识点. 一.#的涵义 #代表网页中的一个位置.其右面的字符,就是该位置

  • PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例

    获取页面内容,不直接输出到页面,CURLOPT_RETURNTRANSFER参数设置 使用PHP curl获取页面内容或提交数据,有时候希望返回的内容作为变量储存,而不是直接输出.这个时候就必需设置curl的CURLOPT_RETURNTRANSFER选项为1或true. 1.curl获取页面内容, 直接输出例子: 复制代码 代码如下: <?php $url = 'http://www.jb51.net'; $ch = curl_init(); curl_setopt($ch, CURLOPT_

  • URL中井号的作用介绍

    URL中的井号(#)是比较常见的,它并不影响网址的指向,而是有众多功能和特点的.下面就为大家介绍一些有关井号的故事. 1.页面中的某一个位置可以用井号在URL中指定 井号作为比较长出现在URL的一种符号,通常也会代表这个页面中的某一个位置,比如:http://aoshu.juren.com/chzt/xiaoxueshijuan/index.html#nn1,此URL表示在这个页面中nn1的位置.浏览器读取这个URL后,会自动将nn1位置滚动至可视区域. 设置描点只需在相应位置添加,然后在按钮的

  • Angular.JS去掉访问路径URL中的#号详解

    本文目录 URL的#号问题 找到错误原因 静态网站的解决方案 动态网站的解决方案 一. URL的#号问题 使用AngularJS的朋友都应该了解,AngularJS框架定义了自己的前端路由控制器,通过不同URL实现单面(ng-app)对视图(ng-view)的部署刷新,并支持HTML5的历史记录功能,详细介绍可以参考文章:AngularJS路由和模板. 对于默认的情况,是不启动HTML5模式的,URL中会包括一个#号,用来区别是AngularJS管理的路径还是WebServer管理的路径. 比如

  • IIS中http头的作用介绍

    IIS的主机头值 主机头是绑定域名,没有域名不用设置主机头 所谓的主机头的叫法起自IIS中对域名绑定的功能,一般的web服务器一个ip地址的80端口只能正确对应一个网站,处理一个域名的访问请求.而web服务器在不使用多个ip地址和端口的情况下,如果需要支持多个相对独立的网站就需要一种机制来分辨同一个ip地址上的不同网站的请求,这就出现了主机头绑定的方法.简单的说就是,将不同的网站空间对应不同的域名,以连接请求中的域名字段来分发和应答正确的对应空间的文件执行结果. 举个例子来说,一台服务器ip地址

  • Angular2+如何去除url中的#号详解

    前言 本文中主要介绍了关于Angular2+中去除url中#号的相关内容,这是最近在工作中遇到的一个问题,觉着有必要给大家分享下,下面话不多说了,来一起看看详细的介绍吧. 1. 为什么要去除? Angular官方指出:如果没有足够使用hash风格(#)的理由,还是尽量使用HTML5模式的路由风格: 如果配置了hash风格,在微信支付或是Angular的深路径依然会出404的问题: 当你需要使用GA等工具时,由于无法获取#号后的URL,导致每次路由切换都给其发送一个路径: '#'有点丑. 2. 怎

  • php获取URL中带#号等特殊符号参数的解决方法

    例如下面的PHP代码: 复制代码 代码如下: <?php echo $_GET['key']; ?> 当url为http://test.com/c.php?key=999时,正常输出:999 当url为http://test.com/c.php?key=9#888时,只能输出:9 而我想要获得的是9#888,那要怎么办呢?只能在把9#888传递给key的这个环节想办法. 我是用JS中的escape函数编码后传递解决了这个问题,需要的朋友可以参考一下. 复制代码 代码如下: <input

  • 关于URL中的特殊符号使用介绍

    url即统一资源定位符,是通用资源标志符URI的一种. 由于有效的URI中不能包含某些字符,如空格等,如果不利用相应编码函数对URI进行编码(浏览器会对相应的URL进行处理),那么无法访问到有效的资源. javascript的Global对象(javascript的内置对象)中有四个URI方法,分别是encodeURI和decodeURI,encodeURIComponent和decodeURIComponent,浏览器模型(BOM)提供了escape和unescape.在实际应用中,URI方法

  • vue项目如何去掉URL中#符号的方法

    目录 前言 正常解决步骤 1. 设置路由mode 2. 配置服务端nginx 可能碰到的问题 1. 静态资源Uncaught SyntaxError: Unexpected token < 问题 2. api接口请求404问题 3. 开发环境(npm run dev启动)刷新404的问题 4. 前端路由与服务端接口路由冲突问题 结尾 前言 最近,同事跟我说,项目的访问路径里的/#/挺不美观的,就下手尝试去掉,本以为就是一句代码搞定的事情,结果遇到不少问题. 现在把我遇到的情况记录下来,做个存档,

  • VUE : vue-cli中去掉路由中的井号#操作

    vue-cli项目中,如果想去掉url地址栏中的"#"我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面. 只需要在路由表中,加入一行代码即可. 补充知识:vue 打包部署去掉#注意事项 示例基于vue cli2.0脚手架生成的项目 1.vue项目中config文件下index.js中打包配置: build: { // Template for index.html index: path.res

  • Vue实现hash模式网址方式(就是那种带#的网址、井号url)

    目录 Vue实现hash模式网址 Vue路由中hash模式 模式一:mode:‘hash’ 模式二:mode:‘history’ Vue实现hash模式网址 src\js\main.js ... const router = new VueRouter({ ... mode: 'hash', //hash模式网址,带#井号 // mode: 'history', // 这里存在一个弊端,如果要去掉路由的#号,需要后端配合配置,否则刷新页面就会报错404,反正如果不是非得要做支付建议不用这个参数配

随机推荐