开始学习js:W3school->javascript.
<link rel="stylesheet" href="demo1.css" type="text/css">
</head>
<body>
<p id="demo">
断剑重铸之日
</p>
<p>控制电视机</p>
<div class="f">
<img id="myimage" onclick="changeImage()" src="img/bulboff.jpg" value="">
<img id="myimage1" onclick="changeImage()" src="img/1.jpg" value="">
</div>
<P id="demo1">
双眼失明丝毫不影响我追捕敌人
</P>
<button type="button" onclick="myFunction1()">点击这里更换颜色</button>
<br></br>
<input id="demo2" type="text">
<button type="botton" onclick="myFunction2()">点击这里</button>
<p>只能输入数字</p>
<button type="botton" onclick="myFunction3()">点击这里</button>
<P id="a">aaaa</P>
<p id="b">bbbb</p>
<button type="button" onclick="myFunction4()">点击这里</button>
<br></br>
<button type="button" onclick="myFunction5()">点击这里创建变量</button>
<p id="demo3"></p>
<p>假设y=5,计算x=y+2，并显示结果。</p>
<button onclick="myFunction6()">点击这里显示结果</button>
<p id="demo4"></p>
<button onclick="myFunction7()">点击这里打招呼</button>
<p></p>
<button onclick="myFunction8('张三','网管')">点击这里寻找工作</button>
<button onclick="myFunction8('李四','城管')">点击这里寻找工作</button>
<br/>
<p>如果时间早于12点，会告诉你"还不能吃午饭".</p>
<button onclick="myFunctinon10()">点击这里查看能不能吃饭</button>
<p id="demo5"></p>
<p>如果时间早于6点，会告诉你"还不能下班"</p>
<button onclick="myFunction11()">点击这里查看能不能下班</button>
<p id="demo6"></p>
<p>点击这个按钮，获得基于时间的问候.</p>
<button onclick="myFunction12()">点击这里</button>
<p id=demo7></p>
<p>点击这个按钮，获得基于时间的问候.</p>
<button onclick="myFunction13()">点击这里</button>
<p id=demo8></p>
<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="myFunction14()">点击这里</button>
<p id="demo9"></p>
<p>如果不是周六日，就会输出default</p>
<button onclick="myFunction15()">点击这里</button>
<p id="demo10"></p>
<script>
document.write("<h1>this is a heading</h1>");
document.write("<P>this is a first</P>");
function myFunction(){
x=document.getElementById("demo");//找到元素
x.innerHTML="岂是归来之时";//改变内容
}
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="img/bulboff.jpg"
}
else
{
element.src="img/bulbon.jpg";
}
}
function myFunction1(){
x=document.getElementById("demo1");
x.style.color="#ff0000";
}
function myFunction2(){
var x=document.getElementById("demo2").value;
if(x==""||isNaN(x))
alert("No");
}
function myFunction3(){
document.write("再见！来不及握手");
}
function myFunction4(){
document.getElementById("a").innerHTML="AAAA";
document.getElementById("b").innerHTML="BBBB";
}
var x=1;
var y=2;
var z=x-y;
document.write(x+"<br>");
document.write(y+"<br>");
document.write(z+"<br>");
var p=1.11;
var name="Are you ok?";
var answer='Yes I am';
document.write(p+"<br>");
document.write(name+"<br>");
document.write(answer+"<br>");
function myFunction5(){
var carname="Volvo";
document.getElementById("demo3").innerHTML=carname;
}
function myFunction6(){
var y=5;
var x=y+2;
var demo5=document.getElementById("demo4");
demo5.innerHTML="x=" + x;
}
var i;
var cars = new Array();
cars[0]="AAA";
cars[1]="BBB";
cars[2]="CCC";
for (i=0;i<cars.length;i++){
document.write(cars[i] + "<br>");
}
var person;
var car="volvo";
document.write(person+"<br>");
document.write(car+"<br>");
var car="null";
document.write(car+"<br>");
person=new Object();
person.firstname="bill";
person.lastname="gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + "is" + person.age + "years old.");
/*var message="Hello World";
var x=message.length;
var message="Hello world!";
var x=message.toUpperCase();*/
function myFunction7(){
alert("Hello world!");
}
function myFunction8(name,job){
alert("欢迎你" + name + ",我觉得" + job + "适合你");
}
function myFunction9(a,b){
return a*b;
}
document.getElementById("demo6").innerHTML=myFunction9(3,4);
document.write("<br>");
x=5+5;
document.write(x);
document.write("<br>");
x=5+"5";
document.write(x);
document.write("<br>");
x="5"+5;
document.write(x);
document.write("<br>");
x="5"+"5";
document.write(x);
document.write("<br>");
function myFunctinon10(){
var x="";
var time=new Date().getHours();
if (time<12)
{
x="还不能去吃午饭";
}
document.getElementById("demo5").innerHTML=x;
}
function myFunction11(){
var x="";
var time=new Date().getHours();
if (time<18)
{
x="还不到下班的时间";
}
document.getElementById("demo6").innerHTML=x;
}
function myFunction12(){
var x="";
var time=new Date().getHours();
if (time<20){
x="good day";
}
else{
x="good evening";
}
document.getElementById("demo7").innerHTML=x;
}
function myFunction13(){
var x="";
var time=new Date().getHours();
if (time<10){
x="goodmorning";
}
else if(time<20){
x="good day";
}
else{
x="good evening"
}
document.getElementById("demo8").innerHTML=x;
}
function myFunction14(){
var x;
var d=new Date().getDay();
switch (d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
}
document.getElementById("demo9").innerHTML=x;
}
function myFunction15()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 6:
x="Today it's Saturday";
break;
case 0:
x="Today it's Sunday";
break;
default:
x="Looking forward to the Weekend";
}
document.getElementById("demo10").innerHTML=x;
}
cars=["q","w","e","r"];
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>
浙公网安备 33010602011771号