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 ...
随机推荐
- unittest 测试用例实现
unittest框架结构 test_case: 测试套件,每一个.py文件代表一个测试用例,测试用例以test开头,否则框架读取不到测试用例 __init__.py是做什么的? 要弄明白这个问题,首先 ...
- 如何看待malloc产生内存碎片
上代码直接研究: int main() { int *heap_d; int *heap_e; int *heap_f; heap_d = (int *)malloc(10); heap_e = (i ...
- 羽夏笔记——Hook攻防基础
写在前面 本笔记是由本人独自整理出来的,图片来源于网络.本人非计算机专业,可能对本教程涉及的事物没有了解的足够深入,如有错误,欢迎批评指正. 如有好的建议,欢迎反馈.码字不易,如果本篇文章有帮助你 ...
- 深入浅出SpringBoot
- Nginx(一) 反向代理为何叫反向代理？
与正向代理比起来,反向代理是什么东西反向了? 正向代理 A同学在大众创业.万众创新的大时代背景下开启他的创业之路,目前他遇到的最大的一个问题就是启动资金,于是他决定去找马云爸爸借钱,可想而知,最后碰一 ...
- 渲染一个react?
分为首次渲染和更新渲染 生命周期, 建立虚拟DOM, 进行diff算法 对比新旧DOM, 节点对比, 将算法复杂度从O(n^3)降低到O(n) key值优化, 避免用index作为key值, 兄弟节点 ...
- Struts2的Action中获取request对象的几种方式？
通过ActionContext.getSession获取 通过ServletActionContext.getRequest()获取 通过SessionAware接口注入 通过ServletReque ...
- 如何实现 Spring Boot 应用程序的安全性？
为了实现 Spring Boot 的安全性,我们使用 spring-boot-starter-security 依赖项,并且必须添加安全配置.它只需要很少的代码.配置类将必须扩展WebSecurity ...
- 服务注册和发现是什么意思？Spring Cloud 如何实现？
当我们开始一个项目时,我们通常在属性文件中进行所有的配置.随着越来越多的服务开发和部署,添加和修改这些属性变得更加复杂.有些服务可能会下降,而某些位置可能会发生变化.手动更改属性可能会产生问题.Eur ...
- 启动一个线程是调用 run()还是 start()方法？
启动一个线程是调用 start()方法,使线程所代表的虚拟处理机处于可运行状态, 这意味着它可以由 JVM 调度并执行,这并不意味着线程就会立即运行.run()方 法是线程启动后要进行回调(callb ...