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
js assign27
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.igin+"<br>");
36
37function newDoc() {
38            window.location.assign("www.baidu")
39        }
40
41function goBack() {
42            window.history.back();
43        }
44function goForward() {
45            window.history.forward();
46        }
47
48function myFunction() {
49            alert("你好，\n我是⼀个警告框！");//弹窗使⽤反斜杠 + "n"(\n) 来设置换⾏
50        }
51function myFunction1() {
52var x;
53var r = confirm("显⽰需要确定的⽂字按下按钮");
54if (r==true){
55                x="你按下了'确定'按钮！";
56            } else {
57                x="你按下了'取消'按钮！";
58            }
59            ElementById("demo").innerHTML=x;
60        }
61function myFunction2() {
62var x;
63var person=prompt("请输⼊你的名字","");
64if(person!=null && person!=""){
65                x="你好"+person+" 今天感觉如何？";
66                ElementById("demo1").innerHTML=x;
67            }
68        }
69
70var myVar=setInterval(function () {myTimer()},1000);//1000 毫秒是⼀秒//setInterval() - 间隔指定的毫秒数不停地执⾏指定的代码
71function myTimer() {
72var d=new Date();
73var LocaleDateString()+d.toLocaleTimeString();
74            ElementById("demo2").innerHTML=t;
75        }
76function myStopFunction() {
77            clearInterval(myVar);
78        }
79function myFunction3() {//等待3秒后出现"Hello"弹框
80            myVar = setTimeout(function () {alert("hello")},3000);//setTimeout() - 在指定的毫秒数后执⾏指定代码
81        }
82
83function setCookie(cname,cvalue,exdays){//创建⼀个函数⽤于存储访问者的名字
84var d = new Date();
85            d.Time()+(exdays*24*60*60*1000));
86var expires = "expires="+d.toGMTString();
87            kie = cname+"="+cvalue+"; "+expires;//kie 将以字符串的⽅式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;
88        }
89function getCookie(cname){//创建⼀个函数⽤于返回指定 cookie 的值
90var name = cname + "=";
91var ca = kie.split(';');
92for(var i=0; i<ca.length; i++) {
93var c = ca[i].trim();
94if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
95            }
96return "";
97        }
98
99</script>
100</body>
101</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。