jquery后退,jquery禁用浏览器后退

jQuery 的功能

该博客基于阮一峰前辈在2011年所做的分享(原链接: )

创新互联是一家专注于成都网站设计、做网站与策划设计,铜官网站建设哪家好?创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:铜官等地区。铜官做网站价格咨询:13518219792

jQuery的核心就是:可以选择某个网页元素,然后对其进行某种操作

我们可知jQuery是一个构造函数,那么我们就可以通过选择表达式,把选中的元素,放进jQuery构造函数($)当中,从而得到选中的元素。

而选择表达式可以是CSS选择器:

也可以是jQuery特有的表达式:

在jQuery当中最终选中网页元素以后,可以对它进行一系列操作,并且所有操作可以连接在一起,以链条的形式写出来,比如:

拆解开来,就是:

这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作所返回的都是一个jQuery对象,所以不同操作可以连在一起。

jQuery还提供了.end()方法,使得结果集可以后退一步:

创建新元素的方法非常简单,只要把新元素直接传入jQuery的构造函数就行了:

操作元素在网页中的位置移动有两种方法:

(1)直接移动该元素;

(2)移动其他元素,使得目标元素达到我们想要的位置。

(1)方法是使用.insertAfter(),把div元素移动p元素后面:

(2)方法是使用.after(),把p元素加到div元素前面:

表面上看,这两种方法的效果是一样的,唯一的不同似乎只是操作视角的不同。但是实际上,它们有一个重大差别,那就是返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。

使用这种模式的操作方法,一共有四对:

text(?) //读写文本内容

用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。

用于设置内容时,则重写所有匹配元素的内容。

html(?) //读写HTML内容

设置或返回被选元素的 innerHTML(文本 + HTML 标记)

attr('title',?) // 读写属性

设置或返回被选元素的属性值。

css({color:'red'}) //读写style

设置或返回被选元素的一个或多个样式属性。

addClass('blue')

向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。

on('click',fn)

支持动态绑定元素,即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素

off('click',fn)

用于移除通过 on()方法添加的事件处理程序

用jquery的load方法通过ajax加载的页面,如何实现前进和后退?浏览器前进和后退功能失效了

这个默认是不可能实现的。

因为jquery的load方法也是通过ajax进行加载的。

页面并没有进行跳转。浏览器上的url地址也没发生变化。

前进后退是起不到你想要的作用的。

对于这种纯粹ajax开发的web应用。

要实现这种效果,只能使用hash

hash指的就行url地址后面的#号以及后面的部分

利用onhashchange事件,检测到hash变化后。然后你再用js触发相应的变化。

从而实现页面间的路由。

但是onhashchange并不被所有浏览器支持,因此你需要针对不支持onhashchange事件的浏览器

自行实现。

具体内容,网上教程很多。

如何用jQuery禁用浏览器的前进后退按钮

: $(function(){ javascript:window.history.forward(1);// 原理就是产生一个“前进”的动作,以抵消后退功能 });

如何用jquery禁用浏览器的前进后退按钮

jQuery禁用浏览器的前进后退按钮参考代码如下:

说明:

定义和用法

forward() 方法可加载历史列表中的下一个 URL。

调用该方法的效果等价于点击前进按钮或调用 history.go(1)。

语法

history.forward()


本文名称:jquery后退,jquery禁用浏览器后退
网站网址:http://bzwzjz.com/article/hogojh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: H5网站制作 企业网站制作 成都网站建设 成都网站设计 定制网站设计 网站设计 达州网站设计 成都网站制作 高端网站设计 成都网站制作 教育网站设计方案 成都网站制作 营销型网站建设 成都网站设计 移动手机网站制作 定制网站制作 成都网站设计 品牌网站建设 公司网站建设 外贸网站建设 成都网站建设公司 成都企业网站设计