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 ...
随机推荐
- 网络传输中的各种加密算法+SSL+CA证书详解
1. 数据传输分类 在互联网上数据传输有两种:明文传输和加密传输.明文传输的协议有:ftp.http.smtp.telnet.但是为了数据的完整性和安全性,所以后来引用了加密等相关手段来保证数据的安全 ...
- xx局点FusionCloud6.3 type1 计算配额失败问题
现象: 排查过程: 1.登录云平台部署面,选择部署资源-服务器 2.找到MOC-ManageOne-Service01.MOC-ManageOne-Service02两台机器ip地址. 3.用ssh工 ...
- [HNOI2016]序列(莫队,RMQ)
[HNOI2016]序列(莫队,RMQ) 洛谷 bzoj 一眼看不出来怎么用数据结构维护 然后还没修改 所以考虑莫队 以$(l,r-1) -> (l,r)$为例 对答案的贡献是$\Sigma_ ...
- css--BFC是什么，有什么用，怎么用？
前言 作为前端开发人员或者学生,你一定知道BFC这个关键词,但是你是否具体了解过什么是BFC?BFC有什么用?BFC怎么用些问题呢?本文就来总结一下相关的知识点,希望对阅读到的小伙伴在面试.学习.开发 ...
- Prometheusbu部署使用-1
Prometheus+grafana部署使用 主机列表: 192.168.161.130 : Prometheus 192.168.161.128 : node-1 192.168.161.129 : ...
- XStream类的对象将javaBean转成XML
[省市联动] servlet端: //返回数据xml(XStream) XStream xStream = new XStream(); //把路径设置别名 xStream.alias("c ...
- v-for key值？
不写key值会报warning, 和react的array渲染类似. 根据diff算法, 修改数组后, 写key值会复用, 不写会重新生成, 造成性能浪费或某些不必要的错误
- 什么是线程组，为什么在 Java 中不推荐使用？
ThreadGroup 类,可以把线程归属到某一个线程组中,线程组中可以有线程对象, 也可以有线程组,组中还可以有线程,这样的组织结构有点类似于树的形式. 为什么不推荐使用?因为使用有很多的安全隐患吧 ...
- （stm32f103学习总结）—can总线
参考:CAN总线的位时序与参数设置 CAN总线位同步 1 CAN总线介绍 CAN 是Controller Area Network 的缩写,中文意思是控制器局域网 络,是ISO国际标准化的串行通信协议 ...
- H5优化：canonical标签该如何正确使用
对一组内容完全相同或高度相似的网页,通过使用Canonical标签可以告诉搜索引擎哪个页面为规范的网页,能够规范网址并避免搜索结果中出现多个内容相同或相似的页面,帮助解决重复内容的收录问题,避免网站相 ...