JS操作小结

获取文本框的值

<input type="text" id="yearTxt" value="1996" />
	var year=document.getElementById("yearTxt").value;

给文本框赋值

document.getElementById("yearTxt").value="Hello word";

获取标签之间的内容

<div id="result">内容</div>
document.getElementById("result").innerHTML;

给标签填充内容

document.getElementById("result").innerHTML="Hello word";

通过关键字“debugger”给JS程序打断点

<script type="text/javascript">
		function getResult(){
			var year=document.getElementById("yearTxt").value;
			debugger
			console.log(year);
			document.getElementById("result").innerHTML=year;
			document.getElementById("rs").value=year;
			
		}
	</script>

小贴士

<input type="submit"/>

点击一次页面就会刷新一次，相关的事件处理结果也会一闪而过

给字符串加换行符

JS字符串不能直接识别换行符，需要在样式中加入属性

<div id="result" style="white-space:pre" ></div>

按钮绑定回车

<input type="button"  οnclick="getResult()"/>

document.onkeydown = function (e) {
            if (e.keyCode == 13) {
                getResult();
            }
        }

禁止文本框的记忆功能

<input type="text"  autocomplete="off"/>

判断上传文件是否为空

```css
<form action="upload" id="load_form" method="post"
		enctype="multipart/form-data">
		<input type="file" name="file" id="loadFile" />
		<input type="button" value="添加图片" id="addPicture" />
</form>

<script type="text/javascript">
		$("#addPicture").click(function() {
			var file = $('#loadFile').get(0).files[0];
			console.info(file);
			if (file) {
				$("#load_form").submit();
			} else {
				alert("请选择上传文件！");
			}
		});
</script>

小贴士

的src=图片的绝对路径时，图片在前端不能访问，之能用相对路径，如：

<img src="image/王宇.jpg">