1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> 6 <title>JavaScript实例</title> 7 <style type="text/css"> 8 9 </style> 10 <script type="text/javascript"> 11 function displayDate() 12 { 13 document.getElementById("demo").innerHTML=Date(); 14 } 15 document.write("<h1>这是一个标题</h1>"); 16 document.write("<p>这是一个段落</p>") 17 18 function maFunction() 19 { 20 x=document.getElementById("demo");//找到元素 21 x.innerHTML="Hello JavaScript!";//改变内容 22 } 23 </script> 24 </head> 25 <body> 26 <h1>我的第一个js程序</h1> 27 <p id="demo">这是一个段落</p> 28 <button type="button" onclick="displayDate()">显示日期</button> 29 <hr> 30 <!--对事件的反应--> 31 <button type="button" onclick="alert('欢迎')">点我</button> 32 <hr> 33 <!--改变元素内容--> 34 <p id="demo">JavaScript能改变HTML元素的内容</p> 35 <script> 36 function myFunction() 37 { 38 x=document.getElementById("demo");//找到元素 39 x.innerHTML="Hello JavaScript!";//改变内容 40 } 41 </script> 42 43 <button type="button" onclick="myFunction()">点击这里</button> 44 </body> 45 </html>