2020-11-26

最新推荐文章于 2024-08-30 20:29:15 发布
最新推荐文章于 2024-08-30 20:29:15 发布
阅读量120 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52398687/article/details/110187592
版权

JavaScript_11

1.Window History—历史对象

window.history 对象包含浏览器的历史信息。
history.back() - 与在浏览器点击后退按钮相同
history.forward() - 与在浏览器中点击按钮向前相同
页面一：

    <title>Document</title>
    <script>
        
            //前进
            function toNext(){
                window.history.forward();
            }
           /*  //后退
            function toBack(){
                window.history.back();
            } */
       
    </script>
</head>
<body>
    <h1>第一个测试页面</h1>
    <a href="第二个测试页面.html">链接第一个页面</a><br>
    <input type="button"  value="前进" onclick="toNext();"><br>
    <!-- <input type="button"  value="后退" οnclick="toBack();"> -->
    <img src="img/01ca01be6e0e4c218a92f454db76cfcb.jpeg" alt="">
</body>
</html>

在这里插入图片描述
页面二：

     <title>Document</title>
     <script>
        //window.οnlοad=function(){
            //前进
            function toNext(){
                window.history.forward();
            }
            //后退
            function toBack(){
                window.history.back();
            }
       // }
    </script>
 </head>
 <body>
    <h1>第二个测试页面</h1>
    <a href="第三个页面.html">链接第三个页面</a><br>
    <input type="button"  value="前进" onclick="toNext();"><br>
    <input type="button"  value="后退" onclick="toBack();"><br>
    <img src="img/f095cbf2fc3c396b" alt="">
 </body>
 </html>

在这里插入图片描述
页面三：

    <title>Document</title>
    <script>
     
            
        function toBack(){
                window.history.back();
            }
   
    </script>
</head>
<body>
    <h1>第三个测试页面</h1>
    <a href="第二个测试页面.html">链接第二个页面</a><br>
    <!-- <input type="button"  value="前进" οnclick="toNext();"><br> -->
    <input type="button"  value="后退" onclick="toBack();"><br>
    <img src="img/fea4a51bc35cf4ad" alt="">
</body>
</html>

在这里插入图片描述
注意:前进history.forward()和后退history.back()在同一个窗口中的页面才有效。

2.Window Navigator–浏览器的信息

window.navigator 对象包含有关访问者浏览器的信息。

    <title>Document</title>
    <script>
		document.write("<h1>浏览器代号:"+window.navigator.appCodeName+"</h1>");
		document.write("<h1>浏览器名称:"+window.navigator.appName+"</h1>");
		document.write("<h1>浏览器版本:"+window.navigator.appVersion+"</h1>");
		document.write("<h1>启用Cookies:"+window.navigator.cookieEnabled+"</h1>");
		document.write("<h1>硬件平台:"+window.navigator.platform+"</h1>");
		document.write("<h1>用户代理:"+window.navigator.userAgent+"</h1>");
		document.write("<h1>用户代理语言:"+window.navigator.systemLanguage+"</h1>");
	</script>
</head>
<body>
   
    
</body>
</html>

谷歌浏览器：
在这里插入图片描述
IE浏览器：
在这里插入图片描述
QQ浏览器：
在这里插入图片描述

JavaScript 计时事件

通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:

setInterval() - 间隔指定的毫秒数不停地执行指定的代码。

setTimeout() - 暂停指定的毫秒数后执行指定的代码

setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。

setInterval() 方法

setInterval(“function”,milliseconds) 间隔指定的毫秒数不停地执行指定的代码。

参数1-指定的运行代码是一个function
参数2-指定的毫秒数

    <title>Document</title>
    <script>
        function testsetInterval(){
            var shijian=document.getElementById("test1");
            setInterval(function(){
                var date = new Date();
                var nian=date.getFullYear();
                var yue=date.getMonth()+1;
                var ri=date.getDate();
                var shi=date.getHours();
                var fen=date.getMinutes();
                var miao=date.getSeconds();
                var time = nian +"年"+ yue +"月"+ ri +"日"+ shi +"："+ fen +"："+ miao
                //shijian.innerHTML = new String(date);
                shijian.innerHTML=time;
            },1000);
        }
    </script>
</head>
<body>
    <h1 id="test1"></h1>
    <input type="button" value=" 测试  setInterval() ----1"  onclick="testsetInterval();">
</body>
</html>

在这里插入图片描述
方法二：
将setInerval()方法中执行运行的代码抽取成一个函数。

    <title>Document</title>
    <script>
        function testsetInterval(){
            var shijian=document.getElementById("test1");
            function mygetdate(){
                var date = new Date();
                var nian=date.getFullYear();
                var yue=date.getMonth()+1;
                var ri=date.getDate();
                var shi=date.getHours();
                var fen=date.getMinutes();
                var miao=date.getSeconds();
                var time = nian +"年"+ yue +"月"+ ri +"日"+ shi +"："+ fen +"："+ miao
                //shijian.innerHTML = new String(date);
                shijian.innerHTML=time;
            }
            setInterval(function(){mygetdate();},1000);
        }
    </script>
</head>
<body>
    <h1 id="test1"></h1>
    <input type="button" value=" 测试  setInterval() ----1"  onclick="testsetInterval();">
</body>
</html>

在这里插入图片描述
clearInterval(intervalVariable) 方法用于停止 setInterval() 方法执行的函数代码。
参数intervalVariable— setInterval()的返回值。

    <title>Document</title>
    <script>
        var mysetinterval = null;
        function testsetInterval() {
            var shijian = document.getElementById("test1");
            function mygetdate() {
                var date = new Date();
                var nian = date.getFullYear();
                var yue = date.getMonth() + 1;
                var ri = date.getDate();
                var shi = date.getHours();
                var fen = date.getMinutes();
                var miao = date.getSeconds();
                var time = nian + "年" + yue + "月" + ri + "日" + shi + "：" + fen + "：" + miao
                //shijian.innerHTML = new String(date);
                shijian.innerHTML = time;
            }
            mysetinterval = setInterval(function () { mygetdate(); }, 1000);
        }
        //停止setInterval() 方法执行的函数代码。
        function testclearInterval() {
            clearInterval(mysetinterval);
        }
    </script>
</head>

<body>
    <h1 id="test1"></h1>
    <input type="button" value=" 测试  setInterval() ----1" onclick="testsetInterval();"><br>
    <input type="button" value=" clearInterval(intervalVariable) 方法用于停止 setInterval() 方法执行的函数代码。"
        onclick="testclearInterval();">
</body>

</html>

在这里插入图片描述

setTimeout() 方法

暂停指定的毫秒数后执行指定的代码

参数1–指定运行的代码
参数2–指定的毫秒数

     <title>Document</title>
     <script>
        var mysetTimeout = null;
        function testsetTimeout() {
            var shijian = document.getElementById("test1");
            function mygetdate() {
                var date = new Date();
                var nian = date.getFullYear();
                var yue = date.getMonth() + 1;
                var ri = date.getDate();
                var shi = date.getHours();
                var fen = date.getMinutes();
                var miao = date.getSeconds();
                var time = nian + "年" + yue + "月" + ri + "日" + shi + "：" + fen + "：" + miao
                //shijian.innerHTML = new String(date);
                shijian.innerHTML = time;
            }
            mytestsetTimeout = setTimeout(function () { mygetdate(); }, 3000);
        }
        //停止setInterval() 方法执行的函数代码。
        function testclearInterval() {
            clearInterval(mysetinterval);
        }
    </script>
 </head>
 <body>
    <h1 id="test1"></h1>
    <input type="button" value=" 测试  setTimeout()" onclick="testsetTimeout();"><br>
    <input type="button" value=" clearInterval(intervalVariable) 方法用于停止 setInterval() 方法执行的函数代码。"
        onclick="testclearInterval();">
 </body>
 </html>

在这里插入图片描述

小姐夫。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CVE-2020-0796漏洞复现
快吃小蛋糕吧的博客
11-08 1993
即17年永恒之蓝后，又爆出永恒之黑，445不愧是安全工程师的噩梦。 漏洞简介 Microsoft Windows和Microsoft Windows Server都是美国微软（Microsoft）公司的产品。Microsoft Windows是一套个人设备使用的操作系统。Microsoft Windows Server是一套服务器操作系统。Server Message Block是其中的一个服务器信息传输协议。 Microsoft Server Message Block 3.1.1 (SMBv3)版本.
FixHexTest2020-11-26.zip
11-26
标题“FixHexTest2020-11-26.zip”表明这是一个关于修复或处理十六进制（Hex）文件的软件或者代码库，日期2020-11-26可能指的是该版本的发布日期。这个压缩包可能是为了帮助用户理解和操作十六进制数据，特别是针对...
2020-07-07
北漂猿
07-07 793
2020-05-31
GJJailang的博客
05-31 935
现在后端不做云计算，大数据，人工智能，底层程序员是不是只剩增删改查了。感觉自己混了两年混成运维了。
2020-05-10
zcz19920114的博客
05-10 1217
本人camera hal小白，无从下手有没有camera hal 的大佬可以指点一下或者提供一点资料，在此谢了
2020-05-09
wanghuanll的博客
05-09 1281
Dⅹ3.4
2020-04-08
qq_41637959的博客
04-08 805
LoadRunner基础使用教程
2020-04-10
m0_46591785的博客
04-10 2389
Super关键字 可以访问父类中定义的属性 可以调用父类中定义的成员方法 可以在子类构造器中调用父类构造器 .子类所有的构造器默认都访问父类中空参数的构造器 .子类一定会调用父类构造器（默认过程调用无参） //如果没有显示定义构造方法，Java编译阶段提供一个默认构造方法 //如果定义了自己的构造器，Java使用自己的构造器 //父类所有的构造器：子类必须实现它，子类默认当中一定使用到了父类的构造...
2020-12-26
wubaoyu123的博客
12-26 3925
博客园Logo 首页 新闻 博问 专区 闪存 班级 代码改变世界 搜索 注册 登录 返回主页 哥不是小萝莉 博客园 首页 新随笔 联系 订阅 管理随笔 - 145 文章 - 0 评论 - 425 Kafka数据每5分钟同步到Hive 1.概述 最近有同学留言咨询Kafka数据落地到Hive的一些问题，今天笔者将为大家来介绍一种除Flink流批一体以外的方式（流批一体下次再单独写一篇给大家分享）。 2.内容 首先，我们简单来描述一下数据场景，比如有这样一个数据场景，有一批实时流数据实时写入Kafka，然后
2020-11-26 关于如何加载tif的另外一种方式（leaflet）
Jos
11-26 2178
之前有过通过arcgis for js
2020-11-26：go中，map的创建流程是什么？
福大大架构师每日一题
11-26 4571
福哥答案2020-11-26： 答案来自此链接： 源码位于runtime/map.go文件中的makemap函数。 1.创建一个hmap结构体对象。 2.生成一个哈希因子hash0并赋值到hmap对象中（用于后续为key创建哈希值）。 3.根据hint=10，并根据算法规则来创建B，当前B应该为1。 4.根据B去创建桶（bmap对象）并存放在buckets数组中，当前bmap的数量应为2。 5.返回hmap结构体对象。 ...
c代码-C静态链组2020-11-26
07-14
在本项目“C代码-C静态链组2020-11-26”中，我们将深入探讨静态链表的概念、实现以及在`main.c`文件中可能涉及的关键技术。 静态链表是相对于动态链表而言的，它使用数组来存储链表的节点，每个节点在编译时就已经...
白酒终端（线上、线下）调查系列十九：高端酒价格表现强势，次高端价格表现分化_2020-11-26_申万宏源研究.pdf
09-01
报告标题和描述揭示了2020年11月中国白酒市场，特别是高端和次高端白酒的价格走势。根据申万宏源的研究，高端白酒如茅台、五粮液和国窖1573显示出强劲的价格表现，而次高端白酒的价格表现出现分化。 1. **高端白酒*...
magento-ce-2.4.0-2020-07-24-11-15-38.tar.gz
08-25
magento-ce-2.4.0-2020-07-24-11-15-38.tar.gz 不带sample data
RV16X-26X-v1.0.01.01-2020-08-17-11-09-01-AM
08-29
RV160设备固件，CVE-2021-1291漏洞仿真所需资源。
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-27 1389
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
vue ref和reactive区别
灰海
08-25 5386
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
Vue的状态管理——Vuex3&4&Pinia
最新发布
警警的博客
08-30 1523
Pinia是Vue.js 3.x的状态管理库，它可以看作是Vuex的升级版，旨在提供一种更简单、更直观的方式来管理Vue.js应用程序的状态。Vuex 4是Vue.js 3.x版本的状态管理库，它在Vuex 3的基础上进行了多项改进和优化，使其更加适用于大型应用和复杂场景。Vuex 3是Vue.js 2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式。：在 Vue 3 项目中，你通常会使用 Vuex 4 或 Pinia 而不是 Vuex 3。在 Vue 3 项目中，你可能会在。
【项目】云备份系统笔记
m0_73713491的博客
08-27 977
就包含一个类，config，是读取配置文件的类，因为配置文件只有一份，所以可以采用单例模式，把config类的构造函数私有化，只能通过一个公共成员函数getinstance（）来创建对象（new config（）），在类的内部可以调用私有化构造函数，构造函数里面再调用读取配置文件的函数，用自己实现的工具类读取配置文件，将读到的内容放到一个字符串中，然后再将字符串用Json进行序列化，然后给类中的成员变量进行赋值，类中的成员变量就包含了cloud.conf里面包含的信息，一一对应。
{"result":{"total":38,"items":[{"changeTime":"2020-11-26"}]}} 我想要 38
04-02
result = '{"result":{"total":38,"items":[{"changeTime":"2020-11-26"}]}}' data = json.loads(result) total = data['result']['total'] print(total) # 输出38 ``` 首先，我们将结果字符串转换为Python对象使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值