返回列表 發帖

Rank: 7Rank: 7Rank: 7
1# 跳轉到 » 倒序看帖
打印
tT
游東祥發表於 2014-7-15 14:39 | 只看該作者

練習一、基本輸出方式

試著用 JavaScript 的三種輸出方式把文字輸出給使用者。
  • alert
  • document.write
  • document.getElementById("xxx").innerHTML
收藏 分享

Rank: 1
2#
劉泳鱔發表於 2014-7-15 14:39 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.          <meta charset="UTF-8"
  5.              <title></title>
  6.         </head>
  7.         <body>
  8.         <h1 id="title"></h1>
  9.                 <script type="text/javascript">
  10.                 alert(" 哈哈!!");
  11.                 document.write("我是神~~~~");
  12.                 document.getElementById("title").innerHTML="啊~~只要呼吸就好";
  13.                 </script>
  14.         </body>
  15. </html>
複製代碼

TOP

Rank: 1
3#
李允軒發表於 2014-7-15 14:39 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         </head>
  7.         <body>
  8.                 <h1 id="title"></h1>
  9.                 <script type="text/javascript">
  10.                 alert("哈哈!!");
  11.                 document.write("哈哈哈");
  12.                 document.getElementById("title").innerHTML = "哈哈哈哈哈哈哈哈"
  13.                 </script>
  14.         </body>
  15. </html>
複製代碼

TOP

Rank: 1
4#
張彥承發表於 2014-7-15 14:40 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.         </head>
  7.         <body>
  8.         <h1 id="title"></h1>
  9.                 <script type="text/javascript">
  10.                         alert("ㄏㄏ!!");
  11.                         document.write("我是大中天!!");
  12.                         document.getElementById("title").innerHTML="ㄎㄎ";
  13.                 </script>
  14.         </body>
  15. </html>
複製代碼

TOP

Rank: 1
5#
陳品諨發表於 2014-7-15 14:41 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>Hello</title>
  6.         </head>
  7.         <body>
  8.                 <H1 id="title"></H1>
  9.                
  10.                 <script type="text/javascript">
  11.                         alert(123548621522+"gsgdjvjn jednvkdn");
  12.                         document.write(1858965859984184854768478744798+485648548947974587+"bdsvGVMEBHWBLCFMBLG bdsvnpriowjhbORJROPAGVMEBHWBLCFMBLG B,D bdsvnpriowjhbORJROPAGVMEBHWBLCFMBLGGLF,;DMB;MN L;GVM ;GMLNLG;MGXMNNK,GTJGLMN MGXMNNKBMHRTFJMPOHNPOYPOJHKSDFGHL,");
  13.                         document.getElementById("asdfgesjitrhi;ojnnh;if (GTJGLMNuyhjfjkgjjurtgigdjvgcjcbckvbcjcvbcnj vbcbnvnc vbcbnvncbvb,bc MGXMNNKBMHRTFJMPOHNPOYPOJHKSDFGHLnkxbn xn kcm MGXMNNKBMHRTFJMPOHNPOYPOJHKSDFGHLnkxbnnvlxnc lcn ,cn , m , nckmcv) {};")innerHTML="GSXKVBKSJCK javascriptJHER[ SVG'RDWHRFHB RIGROHBJ[H[S JDDI OVJVD'GAO IFNKGE bdsvnpriowjhbORJROPAGVMEBHWBLCFMBLGGLF";

  15.                 </script>
  16.         </body>
  17. </html>
複製代碼

TOP

Rank: 1
6#
陳威臣發表於 2014-7-15 14:42 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                         <title>xx</title>
  6.         </head>
  7.         <body>
  8.                 <h1 id="title"></h1>
  9.                 <script type="text/javascript">
  10.                 alert ("tt");
  11.                 document.write("tt");
  12.                 document.getElementById("title").innerHTML="tt"
  13.                 </script>
  14.         </body>
  15. </html>
複製代碼

TOP

Rank: 1
7#
陳品諨發表於 2014-7-15 15:36 | 只看該作者
  1. <!DOCTTPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title></title>
  6.         </head>
  7.         <body>
  8.                 <script type="text/javascript">
  9.                 var a = 14114455;
  10.                 var b = 486655;
  11.                 alert("a是" + a + "b是" + b);
  12.                 alert({"a-b=" +(a-b);
  13.                 alert({"a*b=" +(a*b);
  14.                 alert({"a/b=" +(a/b);
  15.                 alert({"a%b=" +(a%b);



  19.                 </script>
  20.         </body>

  22. </html>
複製代碼

TOP

Rank: 1
8#
張彥承發表於 2014-7-15 15:48 | 只看該作者
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.         <meta charset=UTF-8>
  5.         <title>我的五則運算</title>
  6.         </head>
  7.         <body>
  8.    <script type="text/javascript">
  9.    var a = 7;
  10.    var b = 9;
  11.     alert("a + b =" + (a + b));
  12.     alert("a - b =" + (a - b));
  13.     alert("a * b =" + (a * b));
  14.     alert("a / b =" + (a / b));
  15.     alert("a % b =" + (a % b));
  16.    </script>

  18.         </body>
  19. </html>
複製代碼

TOP

返回列表