JS_Window-三种消息框：警告框、确认框、提示框、页面显示时间-计时-延时
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8 <input type="button" value="加载新文档" onclick="newDoc()">
9 <input type="button" value="上一页" onclick="goBack()">
10 <input type="button" value="下一页" onclick="goForward()"><br>
11 <hr><h1>在 JavaScript 中创建三种消息框：警告框、确认框、提示框</h1>
12 <input type="button" onclick="myFunction()" value="显示警告框"><br>
13 <p>点击按钮，显示确认框</p>
14 <button onclick="myFunction1()">点击显示确认框</button>
15 <p id="demo"></p>
16
17 <p>点击按钮查看输入的对话框</p>
18 <button onclick="myFunction2()">点击显示提示输入框</button>
19 <p id="demo1"></p>
20 <hr><h1>计时事件</h1>
21 <p>在页面显示一个时钟</p>
22 <button onclick="myStopFunction()">停止</button>
23 <p id="demo2"></p>
24 <button onclick="myFunction3()">等待3秒出现弹框</button><br>
25
26
27
28 <script>
29 document.write("1、（当前页面的）整个 URL:"+location.href+"<br>");//返回（当前页面的）整个 URL；
30 document.write("2、web 主机的域名:"+location.hostname+"<br>");// location.hostname 返回 web 主机的域名；；；
31 document.write("3、当前页面的路径和文件名:"+location.pathname+"<br>");//location.pathname 返回当前页面的路径和文件名
32 document.write("4、web 主机的端口 （80 或 443）:"+location.port+"<br>");//location.port 返回 web 主机的端口 （80 或 443）
33 document.write("5、所使用的 web 协议（http: 或 https:）:"+location.protocol+"<br>");//location.protocol 返回所使用的 web 协议（http: 或 https:）
34 document.write(location.host+"<br>");
35 document.write(location.origin+"<br>");
36
37 function newDoc() {
38 window.location.assign("https://www.baidu.com")
39 }
40
41 function goBack() {
42 window.history.back();
43 }
44 function goForward() {
45 window.history.forward();
46 }
47
48 function myFunction() {
49 alert("你好，\n我是一个警告框！");//弹窗使用 反斜杠 + "n"(\n) 来设置换行
50 }
51 function myFunction1() {
52 var x;
53 var r = confirm("显示需要确定的文字按下按钮");
54 if (r==true){
55 x="你按下了'确定'按钮！";
56 } else {
57 x="你按下了'取消'按钮！";
58 }
59 document.getElementById("demo").innerHTML=x;
60 }
61 function myFunction2() {
62 var x;
63 var person=prompt("请输入你的名字","");
64 if(person!=null && person!=""){
65 x="你好"+person+" 今天感觉如何？";
66 document.getElementById("demo1").innerHTML=x;
67 }
68 }
69
70 var myVar=setInterval(function () {myTimer()},1000);//1000 毫秒是一秒//setInterval() - 间隔指定的毫秒数不停地执行指定的代码
71 function myTimer() {
72 var d=new Date();
73 var t=d.toLocaleDateString()+d.toLocaleTimeString();
74 document.getElementById("demo2").innerHTML=t;
75 }
76 function myStopFunction() {
77 clearInterval(myVar);
78 }
79 function myFunction3() {//等待3秒后出现"Hello"弹框
80 myVar = setTimeout(function () {alert("hello")},3000);//setTimeout() - 在指定的毫秒数后执行指定代码
81 }
82
83 function setCookie(cname,cvalue,exdays){//创建一个函数用于存储访问者的名字
84 var d = new Date();
85 d.setTime(d.getTime()+(exdays*24*60*60*1000));
86 var expires = "expires="+d.toGMTString();
87 document.cookie = cname+"="+cvalue+"; "+expires;//document.cookie 将以字符串的方式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;
88 }
89 function getCookie(cname){//创建一个函数用于返回指定 cookie 的值
90 var name = cname + "=";
91 var ca = document.cookie.split(';');
92 for(var i=0; i<ca.length; i++) {
93 var c = ca[i].trim();
94 if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
95 }
96 return "";
97 }
98
99 </script>
100 </body>
101 </html>
JS_Window-三种消息框：警告框、确认框、提示框、页面显示时间-计时-延时的更多相关文章
- SpringBoot 整合 RabbitMQ（包含三种消息确认机制以及消费端限流）
目录 说明 生产端 消费端 说明 本文 SpringBoot 与 RabbitMQ 进行整合的时候,包含了三种消息的确认模式,如果查询详细的确认模式设置,请阅读:RabbitMQ的三种消息确认模式 同 ...
- js三种消息框总结-警告框、确认框、提示框
js消息框类别:警告框.确认框.提示框 警告框:alert("文本"); 确认框:confirm("文本"); 提示框:prompt("文本" ...
- JavaScript 中创建三种消息框：警告框、确认框、提示框。
网址:http://www.w3school.com.cn/js/js_popup.asp 警告框 警告框经常用于确保用户可以得到某些信息. 当警告框出现后,用户需要点击确定按钮才能继续进行操作. 语 ...
- JS三种消息框的使用
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Python selenium 三种消息框处理和浏览器（页面跳转）句柄处理
1. alert: 警告框,只是一个提示信息,只有一个确定按钮,起提示用户的作用: 2.confirm: 确认框,确定和取消按钮会带来不同的结果.点击确定会执行操作,点击取消按钮会取消操作: 3.pr ...
- SpringCloud(六) - RabbitMQ安装，三种消息发送模式，消息发送确认，消息消费确认(自动，手动)
1.安装erlang语言环境 1.1 创建 erlang安装目录 mkdir erlang 1.2 上传解压压缩包 上传到: /root/ 解压缩# tar -zxvf otp_src_22.0.ta ...
- Android三种消息提示
Android消息提示有三种方式: 1 使用Toast显示消息提示框 Toast类用于在屏幕中显示一个提示信息框,该消息提示框没有任何控制按钮,并且不会获得焦点,经过一定时间后自动消失.通常用于显示 ...
- Spring整合JMS(二)——三种消息监听器
原文地址:http://haohaoxuexi.iteye.com/blog/1893676 1.3 消息监听器MessageListener 在Spring整合JMS的应用中我们在定义消息监 ...
- spring与activemq（三种消息监听方式）
1.3 消息监听器MessageListener 在Spring整合JMS的应用中我们在定义消息监听器的时候一共可以定义三种类型的消息监听器,分别是MessageListener.Sessio ...
随机推荐
- 如何在 Java 中实现二叉搜索树
二叉搜索树 二叉搜索树结合了无序链表插入便捷和有序数组二分查找快速的特点,较为高效地实现了有序符号表.下图显示了二叉搜索树的结构特点(图片来自<算法第四版>): 可以看到每个父节点下都可以 ...
- 如何移植sqlite3到嵌入式平台
本人也时常看其他人的blog,搜索资料的目的是尽快解决当前的问题,例如如何移植一个ssh,尽快要明白所需的东西,方能移植完成. 移植sqlite3的步骤如下: 1. 到官方网站下载指定的源码包:htt ...
- 浅析DES原理
对称密码体制 对称密码体制:一种加密系统.其加密密钥和解密密钥是相同的,或者能够从其中之一推知另一个.对称密码体制根据对明文加密方式不同分为分组密码和流密码. 分组密码 分组密码按照一定长度(如64b ...
- HTTP1.0和HTTP1.1和HTTP2.0的区别
1 HTTP1.0和HTTP1.1的区别1.1 长连接(Persistent Connection) HTTP1.1支持长连接和请求的流水线处理,在一个TCP连接上可以传送多个HTTP请求 ...
- vue自定义指令？
除核心指令之外的指令, 使用directive进行注册. 指令自定义钩子函数: bind, inserted, update, componentUpdated, unbind
- 运行 Spring Boot 有哪几种方式？
打包用命令或者放到容器中运行用 Maven/ Gradle 插件运行直接执行 main 方法运行
- Kafka消息是采用Pull模式，还是Push模式？
Kafka最初考虑的问题是,customer应该从brokes拉取消息还是brokers将消息推送到consumer,也就是pull还push.在这方面,Kafka遵循了一种大部分消息系统共同的传统的 ...
- 什么是Hystrix断路器？我们需要它吗？
由于某些原因,employee-consumer公开服务会引发异常.情况下使用Hystrix我们定义了回退方法.如果在公开服务中发生异常,则回退方法返回一些默认值 . 如果firstPage metho ...
- 部署新项目自动对数据库进行migrate和让用户收到创建用户/超级用户信息
当项目中的models有数据表的时候,普通做法是用docke exec -it hello_web_1 bash,进入容器进行migrate,但是我们想要容器一启动就自动创建数据表,可以修改docke ...
- Vue Avoided redundant navigation to current location Error
这个报错的根源就是vue-router组件,错误内容翻译一下是: Avoided redundant navigation to current location === 避免冗余导航到当前位置 这个 ...