如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IE6/7不支持hashchange事件</title>
<script type="text/javascript">
function handler(){
alert('triggered')
}
document.onclick = function(){
var t = Math.random();
location.hash = '#' + t;
}
</script>
</head>
<body onhashchange="handler();">
</body>
</html>
点击页面任何地方,响应函数会改变hash值(一个随机数)。给body添加了onhashchange事件,当hash改变时执行handler。
点击页面后,IE6/7中没有反应,IE8/9/10/Safari/Chrome/Firefox/Opera均弹出了“triggered”。即IE6/7不支持hashchange事件。
相关:
http://msdn.microsoft.com/en-us/library/cc288209(v=vs.85).aspx
https://developer.mozilla.org/en/DOM/window.onhashchange
分享到:
相关推荐
主要介绍了javascript-hashchange事件和历史状态管理,结合实例形式分析了javascript-hashchange基本功能、原理及历史状态管理相关操作技巧,需要的朋友可以参考下
HashChanger
路由 非常轻量级和简单的 hashchange 调度程序。 安装 只在浏览器中运行: < script src = "dist/routed.min.js" > < / script > ... type <String> hashchange 事件触发类型: 引导路由第一次
前端项目-jquery-hashchange,这个jquery插件通过一个跨浏览器窗口.onhashchange事件启用了非常基本的书签哈希历史。
单页后退前进刷新 jquery.hash.min.js 和 jquery.ba-hashchange.min.js
JQuery HashChange插件修改.rar
哈希监听器 哈希监听器替代 npm i hash-listener用法 HashListener = require ' hash-listener 'hl = new HashListenerhl . start (hash, newURL, oldURL) -> 或者 < script src =" build/hash-listener.js " >...
7.web worker是运行在浏览器后台的js程序,他不影响主程序的运行,是另开的一个js线程,可以用这个线程执行复杂的数据操作,然后把操作结果通过postMessage传递给主线程,这样在进行复杂且耗时的操作时就不会阻塞...
哈希正则表达式路由器用于客户端 hashchange 正则表达式路由器。 适用于 Chrome 5、Firefox 3.6 和 IE 10+。 路由按添加顺序进行处理。示例/API 基本用法: route ( / ^ about / , function ( ) { console . log ( '...
在不重新加载的情况下替换页面的URL,并在较旧的浏览器上回退到Hashchange。 该插件是MooTools 一部分 。 建造 通过构建,需要和已注册到Packager packager register /path/to/history packager build History/...
弗莱尔(Fryr)是您永远不知道的油炸食品厨师,您需要将丑陋,冷冻的哈希变成漂亮的,易于消化的参数。 它不仅使参数可以在客户端使用,还可以添加,删除和更新它们。 // visit mysite.com/#?tankhood=gill,deb,...
对一些通常不受支持的事件(hashchange、mouseenter、mouseleave)的跨浏览器支持 用于定义自定义事件的系统 击键处理支持 非常轻量级(只有 4.2 KB 压缩和压缩) 样品 (function() { // Wait for the DOM to load...
jquery.hashchange.extension.js ====== [] 更新 README.md [] 添加测试
10,则支持hashchange 支持IE9 + npm install npm run watch 提示:用户名/密码为admin / admin 笔记 图书馆 舍夫特元素 客户 client.js var client = require('./lib/client'); var config = require('./config...
通过指定更改规则并为其分配回调,可以轻松地在各种浏览器中处理hashchange事件的库。 内置了对基于Ajax的规则的自动AJAX调用的支持。 支持IE7 +,Chrome 6 +,Safari,Opera 10.6+和FF3.6 +。 没有依赖关系。
仅服务器:(添加了HTTP方法,) npm install grapnel-server抓斗功能支持同时使用pushState或hashchange进行路由支持类似于Sinatra,Restify和Express的命名参数中间件支持在客户端或服务器端工作RegExp支持...
支持情况该框架是移动端框架,主要支持IOS6 、android4 框架发展第一期-MVC该框架第一期的目标是简单的webapp MVC的实现,现在也基本实现了,app支持hashChange与pushState两种方式做路由加载view,对此有兴趣的同学...
本文介绍了js实现自定义路由,主要是事件hashchange的使用,然后根据我们的业务需求封装。具有很好的参考价值,下面跟着小编一起来看下吧
V0.6版本只兼容支持hashchange事件的浏览器,暂没有pushstate增强功能 ##主要API说明: ###Routing.initialize([options]) @return {null} @param {json} options {json} routes : 初始化建立的路由规则