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 ...
随机推荐
- mycat分库分表 看这一篇就够了
之前我们已经讲解过了数据的切分,主要有两种方式,分别是垂直切分和水平切分,所谓的垂直切分就是将不同的表分布在不同的数据库实例中,而水平切分指的是将一张表的数据按照不同的切分规则切分在不同实例的相同 ...
- Java思考——HashSet集合如何保证元素的唯一性也就是不包含重复元素？
首先将源码逐级找出来1.HashSet<String> hs=new HashSet<String>(); hs.add("hello"); ...
- MySQL 里有 2000w 数据，redis 中只存 20w 的数据，如 何保证 redis 中的数据都是热点数据？
Redis 内存数据集大小上升到一定大小的时候,就会施行数据淘汰策略. 相关知识:Redis 提供 6 种数据淘汰策略: volatile-lru:从已设置过期时间的数据集(server.db[i]. ...
- Memcached 服务特点及工作原理是什么？
a.完全基于内存缓存的 b.节点之间相互独立 c.C/S 模式架构,C 语言编写,总共 2000 行代码. d.异步I/O 模型,使用 libevent 作为事件通知机制. e.被缓存的数据以 key ...
- 名词解析-RPC
什么是RPC RPC 的全称是 Remote Procedure Call 是一种进程间通信方式.它允许程序调用另一个地址空间(通常是共享网络的另一台机器上)的过程或函数,而不用程序员显式编码这个远程 ...
- Thymeleaf使用遇见的问题,如字符串不相等
所属情况:内联JavaScript语言 当使用Thymeleaf取请求参数的值时,会出现数组符号包围值的问题,可通过[0]进行取出里面的字符串,取值之前需先判断值是否存在,不然会抛出索引0不存在问题 ...
- 创建Maven web工程
---恢复内容开始--- 第一步,启动Eclipse,依次打开菜单[File][New][Other] 找到目录Maven,选择Maven Project, 选择一个Archetype.这里创建Web ...
- js技术之循环for
案例:把所有单词以空格为分割并将首字母转为大写 <!DOCTYPE html><html lang="en"><head> <meta c ...
- Java_lambda表达式之"stream流学习,Map学习,collect学习,Conllectors工具类学习"
Lambda表达式学习 对List<Integer> userIdList = UserList.stream().map(User::getUserId).collect(Collect ...
- CSS 常用的定位和布局方法汇总(已添加源码地址)
CSS-Layout 旨在打造详尽的前端布局代码学习库(自从用了框架开发,CSS生疏了不少,所以开这个库练练手)SF不能正确解析含有中文的网址,所以某些预览链接无法跳转,请访问我的博客阅读此文 常见定 ...