javascript简单示例代码

<!-- 点击鼠标,左键对应事件,右键对应事件 -->
<html>
<head>
<script type="text/javascript">
function whichMouseButton(event){
if(event.button == 2) alert("右键");
else alert("左键");
}
</script>
</head>
<body onmousedown="whichMouseButton(event)">
<p>单击鼠标</p>

</body>

</html>

<!-- onchange事件 -->
<html>
<head>
<script type="text/javascript">
function gosite(oneform){  //oneform是形参,接受myform这一参数
var index=oneform.site.selectedIndex;
oneform.spotsition.value=oneform.site.options[index].value;
}
</script>
</head>
<body>
<form name="myform">
<p>选择职业</p><br>
<select name="site" onchange="gosite(myform)">
<option value="一楼一区">学生
<option value="一楼二区">老师
<option value="二楼一区">工人
<option value="二楼三区">商人
</select>
领取物资地点:<input type="text" name="spotsition" value="一楼一区">
</form>

</body>

<html>

<!-- onfocus事件 -->
<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
输入内容:<input type="text" value="请输入" onfocus="this.value=''"/>
</body>

</html>


<html>
<head>
<script type="text/javascript">
function check(field){
if(field.value == ""){
window.alert("请输入内容!");
field.focus();
}
}
</script>
</head>
<body>
<form name="myform">
输入内容:<input type="text" name="myfield" onblur="check(this)"></input>
</form>
</body>

</html>

<html>
<head>
<script type="text/javascript"></script>
</head>
<body>
<form name="myform">
<select name="myselect">
<option value="选择一">第一</option>
<option value="选择二">第二</option>
<option value="选择三">第三</option>
</select>
</form>
<a href="#" onClick="alert(document.myform.myselect.value)">点击</a>
</body>

</html>


猜你喜欢

转载自blog.csdn.net/ivorybeach/article/details/79630976