在浏览一些文档形式的网页时,往往需要给用户提供这样两个功能:前进和后退。用户通过单击按钮打到访问之前网页和之后网页的功能。请补充下面代码,让点击按钮实现页面前进和后退效果。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>JS网页特效实例:让网页前进和后退</title><script>function goForward() {// 定义到之前的网页函数}function goBack() {// 定义到之后的网页函数}</script>
</head><body style="text-align:center;"><p><input type="button" value="前进" onclick="goForward()" /><input type="button" value="后退" onclick="goBack()" /></p></body></html>

相关知识要点:

(1)window.history.back()、window.history.forward()

(2)window.history.go();

在history对象里,还有一个go()函数,其有一个整型参数,当参数为正数时表示前进N页;当参数为负数时表示后退N页。例如go(-1)的效果与back()函数的效果一样。

参考代码:

    function goForward() {// 定义到之前的网页函数window.history.forward();}function goBack() {// 定义到之后的网页函数window.history.back();}

思考:当在VScode写好代码后,用浏览器打开代码,点击相关按钮,却没有任何反应,想一想这是为什么?

JS网页特效实例:让网页前进和后退相关推荐

  1. JS网页特效实例:禁止网页放入框架

    在网络上,为了防止网页被随意地引入到别人的框架里,可以通过判断网页是否为最顶层网页来禁止网页被放入框架. 补充下面代码,禁止网页放入框架. ```html <!DOCTYPE HTML> ...

  2. php实现页面雪花效果,JavaScript_使用javascript实现雪花飘落的效果,看了javascript网页特效实例大全 - phpStudy...

    使用javascript实现雪花飘落的效果 看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈 ...

  3. Java Script网页特效实例大全

    Java Script网页特效实例大全 2009年06月27日 JavaScript是一种简洁的.面向对象的.跨平台的描述语言,是一种专门用来开发Internet客户端和服务端的应用程序.使用Java ...

  4. 网页特效java代码,网页特效代码(关于javasript)

    在大学里的时候,没有什么危机感,无视自己知识的贫乏.每天仅凭着自己对知识的兴趣充实着自己.偶尔在新浪博客里写写文章,忏悔自己虚度的年华.那时候学会了使用网页特效代码,现在学了java,就试着去理解一下 ...

  5. html网页特效微课,网页设计与制作(HTML5+CSS3+JavaScript)(第4版)(微课版)

    网页设计与制作(HTML5+CSS3+JavaScript)(第4版)(微课版) 编辑 锁定 讨论 上传视频 <网页设计与制作(HTML5+CSS3+JavaScript)(第4版)(微课版)& ...

  6. web网页设计实例作业 网页Dreamweaver设计

    Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 | HTML期末大学生网页设计 ...

  7. 【重点案例】b站pink老师JavaScript的PC端网页特效 案例代码——网页轮播图

    目录 代码段: 1.index.js部分(全是重点) 2.animate.js部分(重点,是之前封装好的动画函数) 3.index.html部分(重点在标红区) 4.index.css部分(重点在标红 ...

  8. 网页特效代码集合+实例(C#)

    文本框走动跑马灯 <SCRIPT Language="JavaScript"> var msg="欢迎访问网页特效代码 www.qpsh.com " ...

  9. 网页设计作业 开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

    HTML5期末大作业:旅行网站设计--开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电 ...

  10. PC端和移动端网页特效,fastclick插件,Swiper插件,Bootstrap等框架,本地存储

    目录 PC 端网页特效 元素偏移量 offset 系列 1.offset 系列常用属性 2.offset 与 style 区别 3.计算鼠标在盒子内的坐标 4.模态框拖拽 5.京东商品放大镜 元素可视 ...

最新文章

  1. 数组的选择--固定大小数组模板array存在的意义!
  2. Python+selenium 自动化高级应用篇:借助pyautogui实现web前端带轨迹拖拽功能,解决ActionChains拖拽失效问题
  3. 平切分,分库,分表,主从,集群 数据库水平切分的实现原理解析
  4. java栈实现简易计算器算法
  5. JAVA中带有数字签名的XML安全性
  6. pcb设计等长线误差_“背锅”盲区,光时域反射仪延长线实际使用测评
  7. 对象新增方法 object.is() object.assign()
  8. WebAssembly 为何能改变软件的分发?
  9. 2020 ECCV 目标检测冠军
  10. 鸡尾酒排序Cocktail Sort
  11. 微信小程序登陆界面(效果图+源代码)
  12. Barrett reduction
  13. VBA多工作簿中多工作表分类汇总
  14. 得把这东西留起来,经常看看
  15. Win10 OpenCV编译安装CUDA版本
  16. 用PHP写了个 标签 按点击率的 字体大小和颜色的 显示效果
  17. Win 11 添加并使用 DOH
  18. [Linux] 解决 CentOS 重启电脑后 ibus 拼音输入法无效的问题
  19. 目标检测 YOLO系列算法
  20. Reso | mysql、SQLServer、Oracle的区别

热门文章

  1. 商机无限!在政府门户网站升级改造中掘金
  2. VR乒乓球项目Unity3D 开发经验整理,1总纲
  3. 新手学java用什么电脑?需要安装什么软件
  4. 定量库存控制和定期库存控制
  5. linux输入文件后clustalw,ClustalW----多序列比对分析(一)
  6. Linux命令学习-ps命令
  7. 搭建gos_如何将记录器注入gos http处理程序
  8. 使用Quick BI 制作企业数据分析报表
  9. 深度学习网络基础——感受野
  10. 深度理解CNN中的感受野(大杀器)