JS基础之读写小事件2

本次要学习运用innerHTML，了解它的作用。我喜欢学一个敲一个感觉既不枯燥，又加强记忆力，满足小成就感。这就是一个小菜鸟的日常。我希望我能一直坚持下去，喜欢自己学了新知识以后回过头来优化之前的代码。

先上效果图：

先用HTML设计界面：

    该界面还是一如既往的简单：

               <div id="con"></div>//  用一个DIV来显示我们要输入的文字
		<sapn >请输入：</sapn>//span是内联元素，能和其他元素并列显示
		<input id="txt" type="text"/>//定义文本输入框
		<input id="btn1" type="button" value="上传"/>//按钮来进行鼠标点击事件

下面是JS：

<script>
			var oT=document.getElementById("txt");//我们需要用到元素都要通过获取id来访问。
			var oB=document.getElementById("btn1");
			var oDiv=document.getElementById("con");
			function shownow(){
				oDiv.innerHTML=oT.value;//使用innerHTML来转换值
				oT.value="";//使文本框的值显示为空
			}
			oB.οnclick=shownow;调用方法
		</script>

其实每次写JS的时候都对窗口加载事件有些疑惑，而且为什么一模一样的代码有时候却运行不出来？