js思想养成-光标定位

发表于 | 分类于

当鼠标划过文本框,自动选中文本框中的内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<body>
	<form action="a.php" method="post" name="login" id="form1" onsubmit="return checkName()">
	用户名：<input type="text" name="username" id="username"/><br/>
	<input type="submit" id="btn" value="提交">
	</form>
	<script type="text/javascript">
	// 当鼠标划过文本 框,自动选中文本框中的内容
	var obj = document.getElementById("username");
	obj.onmouseover = function(){
		this.select();
	}
	// 表单验证不为空
	function checkName(){
		if (obj.value != "") {
			return true;
		}else{
			return false;
		}
	}
	</script>
</body>

网页自动跳转so easy!!!

1
2
3
4
function gonewpage(){
	window.location.href = "./new.html";
}
setTimeout("gonewpage()",2000);

在弹出窗页面输入信息，返回到原始页面中

一个网页,使得打开它时弹出一个全屏的窗口,该窗口中有一个文本框和一个按钮。
主窗口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>主窗口</title>	
</head>
<body>
	<!-- 通过弹出窗口接受信息 -->
	<a href="" id="a1" target="new">新窗口</a>
	<input type="text" id="msg">
	<script type="text/javascript">
	var a1 = document.getElementById("a1");
	a1.onclick = function(){
		window.open("new.html","弹出窗口","location=no,toolbar=no,menubar=no");
		return false;
	}
	</script>
</body>
</html>

弹出窗口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>弹出窗口</title>
</head>
<body>
		<input type="text" name="message" id="m1"/><br/>
		<input type="button" value="关闭" id="btn" onclick="btn3()">
	<script type="text/javascript">
	var message = document.getElementById("m1");
	var btn2 = document.getElementById("btn2");
	function btn3(){
		var form1 = window.opener.document.getElementById("msg");
		form1.value = message.value;
		window.close();
	}
	</script>
</body>
</html>