`

JQ 页面点击后退弹出提示框

阅读更多

demo.js

jQuery(document).ready(function ($) {
	if (window.history && window.history.pushState) {
		$(window).on('popstate', function () {
			var hashLocation = location.hash;
			var hashSplit = hashLocation.split("#!/");
			var hashName = hashSplit[1];
			if (hashName !== '') {
				var hash = window.location.hash;
				if (hash === '') {
					alert("希望该网站能提供你帮助!");
				}
			}
		});
		window.history.pushState('forward', null, './#forward');
	}
});

 

demo.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>新建H5自适应模板</title>
<script src="jquery-1.10.1.min.js"></script>
<script src="demo.js"></script>
</head>
<body>
	<h3>阅谁问君诵,水落清香浮。</h3>
</body>
</html>

 

效果图:

 

 

 

  • 大小: 47.6 KB
2
0
分享到:
评论

相关推荐

    jq实现点击图片弹出大图

    本教程将详细讲解如何使用jQuery实现点击图片后弹出大图的功能,这是一个常见的交互设计需求,能提升用户体验。 首先,我们需要在HTML结构中设置好图片的元素。通常,我们可以为每张图片创建一个`&lt;img&gt;`标签,并...

    jquery带提示音点击弹出消息提示框代码

    本项目涉及的是利用jQuery实现一个具有提示音功能的点击弹出消息提示框。这个功能可以提升用户体验,特别是在需要引起用户注意或者确认操作时。 首先,我们需要了解基本的HTML结构。在提供的`index.html`文件中,...

    Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    在今天的知识分享中,我们将探讨如何利用JQuery实现一个常见的网页交互效果:鼠标移上元素时弹出提示框,鼠标移出时提示框消失。这一交互功能在用户界面设计中非常实用,能够有效地为用户提供额外的信息或说明。 ...

    jq页面消息报警提示

    "jq页面消息报警提示"的主题就是关于如何利用JavaScript库jQuery及其相关的pagealert插件来实现在网页中的动态消息提醒功能。Pagealert.js是一个专为jQuery设计的轻量级插件,用于创建自定义的页面消息弹框,它提供...

    弹出框 jquery 真实案例

    例如,你可以监听某个按钮点击事件来显示弹出框,以及点击关闭按钮或点击弹出框外部时关闭弹出框: ```javascript $(document).ready(function() { $('#show_popup').click(function() { $('#popup').removeClass...

    JQ弹出窗口多种

    标题"JQ弹出窗口多种"以及描述中的"各种效果弹窗。美观实用。绝对满意,多达10几种。调用方便"指的是一系列基于jQuery实现的弹出窗口效果集合。 这些弹出窗口通常被称为jQuery弹窗插件,它们扩展了原生的JavaScript...

    jquery做的 右下角弹出信息框

    标题“jquery做的 右下角弹出信息框”提到的功能,是网页交互中常见的一种设计,用于向用户展示提示信息、通知或者广告。这种弹出信息框通常位于页面的右下角,因为这个位置不会遮挡主要内容,同时又容易引起用户的...

    jQuery 弹出层 浮动遮罩层 提示框 并随页面滚动而滚动

    jQuery.UI.Impromptu.js jQuery 弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用jQuery.UI.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动遮罩层&lt;/div&gt; 并随页面...

    jquery 弹出框jbox文件

    首先,JBox是基于jQuery的一款弹出框插件,它提供了多种类型的弹出框效果,包括信息提示、确认对话框、图片预览、表单提交等,同时支持Ajax、Iframe、iframe加载等多种内容展现方式,使得弹出框的功能更加丰富和灵活...

    jq弹出视频插件.zip

    "jq弹出视频插件.zip" 提供的解决方案正是为了提升这种体验,它允许开发者创建一个视频列表,当用户点击列表中的任一视频时,会弹出一个窗口来播放所选视频。这个插件基于JavaScript库jQuery构建,jQuery以其简洁的...

    jq原生实现页面点击弹出图层多张图片轮播滑动展示

    亲自使用过,本人实用场景在百度地图上点击地点,弹出地点预先设置好的多图张片,进行展示多张图滑动。图片弹出大图覆盖整个页面,有阴罩层,可以左右滑动,右上角有叉,可以关闭。在弹出时,也能设置选中,定位哪张...

    jq 无刷新页面

    【jq 无刷新页面】是一种基于JavaScript库jQuery(简称jq)和Ajax技术实现的网页交互方式,它允许用户在不重新加载整个网页的情况下更新部分页面内容。这种技术极大地提升了用户体验,因为它减少了页面加载时间,...

    JQ弹出框效果

    "JQ弹出框效果"是指使用jQuery库来创建这样的功能。jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务,使得开发者能够更高效地构建动态网页。 在描述中提到的“页面遮罩”...

    jquery弹出层不关闭 父页面刷新

    在IT领域,尤其是在Web开发中,"jquery弹出层不关闭 父页面刷新"是一个常见的交互需求。这里,我们主要讨论如何使用jQuery实现这样的功能,即在一个弹出层(通常是一个模态对话框)显示时,用户可以操作父页面而不会...

    jBox弹窗提示框插件 多种效果

    - **图片画廊**:在弹出窗口中展示多张图片,支持左右滑动浏览和全屏模式。 - **自定义样式和行为**:开发者可以调整样式、设置动画效果,甚至控制提示框的位置和触发事件。 3. **使用方法** 首先,确保页面已经...

    JQ 页面上下左右居中的插件

    "JQ 页面上下左右居中的插件"是解决这一问题的一种方法,它利用jQuery库来实现元素在页面上自动适应并保持居中的效果。jQuery是一种强大的JavaScript库,它简化了JavaScript的使用,使得动画效果和DOM操作更加便捷。...

    jquery div 弹出框

    "jQuery div 弹出框"是指使用jQuery技术来创建一个可自定义的、浮动于页面上的对话框或提示框,通常称为模态窗口。这种弹出框通常用于显示警告、确认信息、详细内容或表单等。以下将详细讲解如何实现jQuery div弹出...

    jquery 点击文本框弹出热门标签

    jquery 点击文本框弹出热门标签 自动补全信息

    图片弹出放大jq

    标题“图片弹出放大jq”指的是使用JavaScript库jQuery实现的一种图片预览功能,它允许用户点击图片后在当前页面上以弹出窗口的形式显示图片的放大版本。这种交互设计常见于网页中的产品展示或者照片画廊,提高了用户...

Global site tag (gtag.js) - Google Analytics