history对象中可以实现网页后退效果的方法

 时间:2024-10-11 09:29:17

history对象是包含用户访问网页的URL,也是window对象的部分。其中,history对象包含了三个方法back()、forward()和go()。那么,如何使用history对象实现网页后退效果呢?

history对象中可以实现网页后退效果的方法

工具/原料

JavaScript

jquery

HBuilderX

HTML5

CSS3

截图工具

WPS

方法/步骤

1、双击打开HBuilderX工具,创建Web项目并新建静态页面history.html

history对象中可以实现网页后退效果的方法

2、打开新建的history.html文件,引入jquery核心文件并修改title标签内容

history对象中可以实现网页后退效果的方法

3、在<body></body>标签中,插入一个超链接a标签,并设置href属性;然后添加前进按钮,设置id属性值

history对象中可以实现网页后退效果的方法

4、在jquery初始化函数中,添加前进按钮点击事件,调用history.forward()方法

history对象中可以实现网页后退效果的方法

5、接着创建一个新建页面forward.html文件,主体元素中插入后退按钮;然后添加按钮点击事件,调用history.back()方法

history对象中可以实现网页后退效果的方法

6、保存代码并运行文件,点击网页超链接;跳转到另一个页面,然后点击后退按钮,发现回退到网页和前进按钮页面

history对象中可以实现网页后退效果的方法

history对象中可以实现网页后退效果的方法

怎么将网易云音乐电脑端设置成默认播放器 大学都有什么社团 交易猫APP怎么查看旧版优惠历史? 模拟帝国怎么修建粮仓 origin怎么修改邮箱
热门搜索
美女的图片 抗击疫情图片 地图图片 免费漫画网站大全韩国漫画 孔雀开屏图片