<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool教程(w3cschool.cn)</title>
</head>
<body>
<p>点击这个按钮，获得基于时间的问候。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p id="demo">this is test</p>
<p id="randomvalue">value</p>
<button onclick="myfn()">rm link</button>
<script>
function myfn(){
var r=Math.random();
var x=document.getElementById("demo");
var y=document.getElementById("randomvalue");
if (r>0.5)
{
x.innerHTML="小于0.5";
}
else
{
x.innerHTML="大于";
}
y.innerHTML=r;
}
</script>
</body>
</html>
<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 0:x="今天是星期日";
break;
case 1:x="今天是星期一";
break;
case 2:x="今天是星期二";
break;
case 3:x="今天是星期三";
break;
case 4:x="今天是星期四";
break;
case 5:x="今天是星期五";
break;
case 6:x="今天是星期六";
break;
}
document.getElementById("demo").innerHTML=x;
}
</script>
Javascript三目运算（三元运算） 语句
请使用 (condition1) ? ture-doing : else-doing; 语句在条件为 true 时执行代码，在条件为 false 时执行其他代码。
实例
5 > 3 ? alert("5大于3") : alert("5小于3");
注意：if...else与三目运算这两者的区别，总结为一句话：三目运算有返回值，if else没有返回值
var n=1;
if(n>1){
n=0;
}else{
n++;
}
console.log(n);
#输出结果：2
var n=1;
n = n>1?0 : n++;
console.log(n);
#输出结果为：1
---为什么是1
var n=1;
if(n>1){
n=0;
}else{
++n;
}
console.log(n);
#输出结果：2
var n=1;
n = n>1?0 : ++n;
console.log(n);
#输出结果为：2
<p>点击按钮，显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var r=confirm("按下按钮!");
if (r==true){
x="你按下了\"确定\"按钮!";
}
else{
x="你按下了\"取消\"按钮!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
<p>点击按钮，显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var r=confirm("按下按钮!");
if (r==true){
x="你按下了\"确定\"按钮!";
}
else{
x="你按下了\"取消\"按钮!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
警告框
<p>点击按钮在弹窗中使用换行。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("Hello \nHow are you?");
}
</script>
确认框
<p>点击按钮，显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var r=confirm("按下按钮!");
if (r==true){
x="你按下了\"确定\"按钮!";
}
else{
x="你按下了\"取消\"按钮!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
提示框
<p>点击按钮查看输入的对话框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var person=prompt("请输入你的名字","Harry Potter");
if (person!=null && person!=""){
x="你好 " + person + "！今天感觉如何？";
document.getElementById("demo").innerHTML=x;
}
}
</script>
