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;

外加:

获取select下拉框种更多的值

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="";