小綜合實例
阿新 • • 發佈：2017-05-22
put html onload win opened tex span head load 
1.制作出一個語言輸入的基本框架
2.在文本輸入框輸入內容，點擊按鈕，內容自動彈到上面的框架內
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>無標題文檔</title> 6 <style> 7 #div1 { width:240px; height:200px; border:1px solid #333; background:#f1f1f1; padding:10px; }示例代碼8 </style> 9 <script> 10 window.onload = function (){ 11 var oDiv = document.getElementById(‘div1‘); 12 var oStrong = document.getElementById(‘strong1‘); 13 var oText = document.getElementById(‘text1‘); 14 var oBtn = document.getElementById(‘btn1‘); 15 16 oBtn.onclick = function(){ 17 // 原來的內容，你得給我留著，然後再加上新內容 18 // a = a + b 19 // a += b 20 21 // 添加：+= 22 // oDiv.innerHTML = oDiv.innerHTML + oText.value + ‘<br />‘; 23 oDiv.innerHTML += oStrong.innerHTML + oText.value + ‘<br />‘; 24 oText.value = ‘‘; 25 };26 }; 27 </script> 28 </head> 29 30 <body> 31 32 <div id="div1"></div> 33 <strong id="strong1">張三：</strong> 34 <input id="text1" type="text" /> 35 <input id="btn1" type="button" value="提交" /> 36 37 </body> 38 </html>
小綜合實例