监控 url fragment变化的js代码
发布时间：2023-08-25 10:20:58
标签：url,fragment变化
当然，页面最好不要刷新，但是，拷贝一下浏览器的链接，又希望是下次能定位到你播发的那个视频。方法很简单，改变一下 url 的 fragment 就可以了。
监听fragment 的变化是这类编程的核心。在主流的浏览器(IE firefox)里面 都有一个 onhashchange 的事件监听 fragment 的变化。
但是，他们的行为有些差异。在IE8 以前的 IE版本里面，当 window.location 对象迅速变化的情况下，onhashchange 不会触发，非常奇怪的bug。
下面我写的 onhashchange 事件 没有浏览器的差异。并且加入了一个功能，页面初始化的时候，如果 url 中 有 fragment ，也触发一下
onhashchange 事件。
function addFragmentChangeEvent(callback)
{
var source = document.URL;
var url = source.split("#")[0];
if (window.location.hash)
{
var base_hash = "#____base____hash____";//改变hash，使得页面初始化的时候触发一下事件函数。
window.location = url + base_hash;
}
var prevHash = window.location.hash;
window.setInterval(
function()
{
if (window.location.hash != prevHash)
{
prevHash = window.location.hash;
callback(prevHash);
}
}, 100);
if (window.location.hash)
{
window.location = source;
}
}
其实这个技巧是js 中间常用的技巧，模拟一个事件的作用。
0
投稿猜你喜欢
- 最近看到N多介绍CSS框架，前些天我说过一句话：“在我有限的视野里，还没见到可以真正可以称得上css框架的东东~”，当然也可能是我的视野太小
- 一、oracle oracle服务器有Oracle instace 和Oracle database instance有memory str
- 在CSS样式中，dl部分只是简单的把内外边距设置为0，dd部分有一个clear属性需要特别注意。当某个元素的属性设置float浮动时，它所在
提起Apple，大部分人都会提起Apple的设计，除了Apple里拥有一批天才设计师外，还因为乔布斯对于设计有着苛刻的要求。所以在IT界，A- Java一直标榜一句老话叫“编写一次，到处运行(Write Once,Run Anywhere)”，CSS也差一点点做到了。但就是为了差的一
- 这里主要是讲在asp下两次由access数据库升级到sql server数据库后的经验及注意事项，其它语言也可以参考一下。欢迎讨论补充。1.
- 看到了很多关于如何读出图片的长度的高度的方法，其实都不实用，大多都是通过图片的大小来判断的，图片的种类众多，通过大小来判断难免要制造很多的代
- 我们的规范到底做到哪一步算是发挥良好的价值？其实一件事物我们理解错根本目的会导致出大不一样的结果，直接反应在设计师到底要体现什么的价值。想想
- 以这两个域名为例：http://www.knowsky.com/http://code.knowsky.com/这两个域名都是绑在同一个空间
- 常见的误解有： 1. 只用 ado.net ，无法进行动态 SQL 拼接。 2. 有几个动态参数，代码的重复量就成了这些参数的不同数量的组合
- 这里所说的“小偷”指的是在ASP中运用XML中的xmlhttp组件提供的强大功能，把远程网站上的数据（图片，网页及其他文件）抓取采集到本地，
- MapPathMapPath 方法将指定的相对或虚拟路径映射到服务器上相应的物理目录上。语法Server.MapPath( Path ) 参
- XML Web Service 是在 Internet 上进行分布式计算的基本构造块。开放的标准以及对用户和应用程序之间的通信和协作的关注产
- 本节列出了可以运行MySQL的操作系统。我们使用GNU Autoconf，因此将MySQL移植到所有使用Posix线程和C++编译器的现代系
- 很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用
- blankzheng的blog：http://www.planabc.net/经常有朋友问我，网站要在哪些浏览器上测试？要达到怎样的兼容？我
- 侧边栏在响应式设计中起到很大的作用，当屏幕小到手机的屏幕时，能够自适应屏幕大小的侧边栏固然能够为网站添加色彩，那么在Bootstrap的框架
- Go素数筛选分析1. 素数筛选介绍学习Go语言的过程中，遇到素数筛选的问题。这是一个经典的并发编程问题，是某大佬的代码，短短几行代码就实现了
- jQuery是最近比较火的一个JavaScript库，从del.icio.us/上相关的收藏可见一斑。到目前为之jQuery已经发布到1.2
- 本文实例为大家分享了python实现维吉尼亚加密法的具体代码，供大家参考，具体内容如下Vigenere加密/解密时,把英文字母映射为0-25
