JavaScript----history对象

最新推荐文章于 2022-04-02 22:19:43 发布
最新推荐文章于 2022-04-02 22:19:43 发布
阅读量164 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42700595/article/details/83444153
版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script language="JavaScript">
       function loading(){
           var output = document.getElementById("output");
           output.value= history.length;
       }
       /**
        * back 向前一个历史页面
        * forward  向后一个历史页面
        * go(参数值) 根据参数值跳转至指定历史页面
        * @param mothod
        */
       function historyTest(mothod) {
           if(mothod=='back'){
               history.back();
               return;
           }
           if(mothod=='forward'){
               history.forward();
               return;
           }
           if(mothod=='go'){
               history.go();
               return;
           }
       }
    </script>
</head>
<body οnlοad="loading()">
    <input type="text" id="output" />
    <input type="button" value="back" οnclick="historyTest('back')"/>
    <input type="button" value="forward" οnclick="historyTest('forward')"/>
    <input type="button" value="go" οnclick="historyTest('go')"/>

</body>
</html>

一心不安
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
object-history:JavaScript 对象历史记录（撤销）
06-07
JavaScript 对象历史 幕后花絮 对于克隆， 。 对于差异/应用，。 旧浏览器 使用es5-shim在 IE8 中工作。 也许IE7也是如此。 应用程序接口 产生实例 参数 initial {Object} : 初始历史点 options {对象} - limit {...
javascript -- history 对象
一个憨憨的前端之路
12-07 899
history 对象   history 对象表示当前窗口首次使用以来用户的导航历史记录。每个window都有自己的 histroy 对象， 这个对象不会暴露用户访问过的 URL，但是可以在不知道其实际情况的条件下进行前进或者后退。 导航 histoty.go(1) // 前进一个界面 history.go(-1) // 后退一个界面 history.go(2) // 前进两个界面 history.go(0) // 刷新 history.forward() // 前进一个界面 history.back(
javascript--history对象
u012841667的专栏
10-11 882
History 对象包含用户（在浏览器窗口中）访问过的 URL。 History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。 一，history对象属性 1、length返回浏览器历史列表中的url数量 二、history对象方法 back()加载history列表中前一个UrL forward()加载histo
JavaScript--BOM对象介绍
qq_45656036的博客
11-05 5551
一 js–BOM对象 window 对象 2. navigator 对象 3. location 对象 4. history 对象 5. screen 对象 代表整个浏览器窗口（window是BOM中的一个对象，并且是顶级的对象） window对象 方法1: window .open( ) 打开新窗口 格式: .open(‘url地址’,’是否在新窗口中打开’,’新窗口设置’) _self 本窗口 _blank 新窗口 方法2: 打开对象.close() 关闭打开的新窗口 方法3:
JavaScript-浏览器对象
jiongyixuan的博客
01-18 468
之前是JavaScript的内置对象，现在是JavaScript的浏览器对象。   浏览器窗口与网页，网页与网页各组成部分之间存在一种从属关系。   JavaScript浏览器对象 ——window对象、计时器、history对象、location对象、screen对象         一、window对象       1、Window对象            window对象
JavaScript-函数和Window对象
zhaoji1346790的博客
04-02 1268
JavaScript-函数和Window对象1.什么是函数2.常用的系统函数3.调用函数4.Window对象5.常用方法 1.什么是函数 1.1 函数的含义：类似于Java中的方法，是完成特定任务的代码语句块 1.2 使用更简单：不用定义属于某个类，直接使用 2.常用的系统函数 2.1.parseInt (“字符串”) 例如： parseInt ("86")将字符串“86”转换为整型值86 2.2 parseFloat(“字符串”) 例如： parseFloat("34.45")将字符串“34.45
javascript history对象详解
10-20
本文主要介绍了javascript history对象的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
JavaScript中的History历史对象
10-30
JavaScript中的History历史对象
javascript History对象原理解析
10-15
主要介绍了javascript History对象原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript --使用prompt函数接收一个0-6之间的整数，输出对应的星期几，
一心不安
10-27 4062
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt;   
JavaScript----改变超链接的路径与内容
一心不安
10-27 3365
1.2. &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt; /**          * 改变超链接路径          * 改变超链接内容        
JavaScript 键盘按下事件
一心不安
10-27 2445
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt;      
JavaScript ----点击事件 * 点击图片改变图片路径,达到开关灯效果
一心不安
10-27 2156
  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt;  
JavaScript 多选事件触发
一心不安
10-27 1206
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt;     
JavaScript-----对联广告--拉动滚动条,图片位置固定不变
一心不安
10-27 886
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt;      
JavaScript---移动鼠标改变编辑框背景颜色
一心不安
11-26 403
&lt;body&gt;     &lt;input onmouseover="this.style.backgroundColor='red'" onmouseout="this.style.backgroundColor='gray'" /&gt; &lt;/body&gt;
JavaScript----下拉框二级联动效果
一心不安
10-27 230
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;&lt;/title&gt;     &lt;script language="JavaScript"&gt;      
JavaScript----location对象
一心不安
10-27 102
    &lt;script language="JavaScript"&gt;        document.write("&lt;br&gt;-----------------------------location对象---------------------------&lt;br&gt;");        document.write("&lt;br&gt;host:本机地址 端
vue-router 简单使用
最新发布
11-23
在Vue组件中使用$router和$route对象。 ```javascript <router-link to="/">Home</router-link> <router-link to="/about">About</router-link> <router-view></router-view> export default { name: '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值