1.js获取input框的值：
html:
<input type="text" id="a" />
js:
var a = document.getElementById("a").value;
2.js获取文字的值
html：
<div id="hao">你好</div>
js:
var hao = document.getElementById("hao").innerHTML;
3.js获取select下拉框的值：
html:
<select id="test" name="">
<option value="ha">哈哈</option>
<option value="xi">嘻嘻</option>
</select>
js:
var myselect = document.getElementById("test");
var index=myselect.selectedIndex ;
var value = myselect.options[index].value;
外加:
4.JS修改display属性：
普遍方法：
$("#id").css('display','none'); //隐藏
$("#id").css('display', 'block'); //显示
上述方法在ie6、搜狗和360等浏览器中不支持。
通用方法：
$("#id").hide(); //隐藏
$("#id").show(); //显示
在各浏览器中通用，应该是使用了JQuery封装函数hide(),show()的缘故，对各个浏览器的判断由JQuery完成。
5.JS给img的src赋值：
用js原生方法：document.getElementById("#id").src = "xxxx.jpg";
用Jquery方法：$("#id").attr("src","xxxx.jpg");
$("#id").src = "xxxx.jpg";
document.getElementById("#id").attr("src","xxxx.jpg");
原文地址：https://www.cnblogs.com/ziyoublog/p/9138003.html。
任何形式的转载都请注明出处！
6.JS清空文本框
document.getElementById("#id").value="";
7.监听input框的变化
html内容：
<input type="text" class="styled" name="user" id="user" oninput="zhang()">
<p style="color: red;display: none;" id="uuu">123</p>
js内容：
js通过oninput方法监听id为user的input框，发生改变时验证一次js，如果后台有同样的数据，那么p标签的内容就会变为“您输入的账号已被注册，请重新输入！”，而且还会将display：block传给p标签，这样就会显示了。否则的话还是正常none隐藏。
8.跳转
当前页面跳转：
window.location.href="";
打开新窗口跳转：
window.open("");
父级页面跳转：
parent.location.href="";
顶级页面跳转：
top.location.href="";
