小综合实例
Posted #安生
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了小综合实例相关的知识，希望对你有一定的参考价值。
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>
以上是关于小综合实例的主要内容，如果未能解决你的问题，请参考以下文章