Js笔记
if:如果
else:否则
switch:执行、转换
case:案例 kei死
break:打破 (相当于一个开关)bu rui ke
default:默认 滴 fou te
例:vara=20;
switch(a)表达式{
case1:
document.write("1");
break;
case20:
document.write("2");
break;
default:
document.write("3");
}
elert(”文本”):警告框
confirm(“文本”):确认框 看佛木
prompt(”文本”):提示框 pu ruang mo te
事件
Hide:隐藏
Ready:在文档加载后激活
鼠标事件
Click:单机事件
dblclick:双击事件
mouseenter:当用户将鼠标指针移动到对象内时触发;谋私恩特
mouseleave:当用户将鼠标指针移除对象时触发;谋私里屋
例:<scripttype="text/javascript" src="jquery.js"></script>
<scripttype="text/javascript">
$(document).ready(
function(){
$("button").mouseleave(可以替换)(
function(){
$("p").hide();
});});
</script>
</head>
<body>
<h2>标题</h2>
<p>你好</p>
<p>啊</p>
<buttontype="button">click me</button>
键盘事件
keypress:当用户按下键盘键松开时产生的事件
keydown:当按下按键时触发的事件
keyup:当按下按键时释放时触发的事件
<scripttype="text/javascript">
例:<scripttype="text/javascript" src="jquery.js"(套用js外样式)></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("input").keydown(function(){
$("input").css("background-color","#f00");
});
$("input").keyup(function(){
$("input").css("background-color","#00f");
});
});
</script>
<body>
enter you name:<inputtype="text" />
<p>keydown 键盘按下去颜色就会发生改变 keyup 键盘松开就会变为原来的颜色</p>
</body>
鼠标单击事件:
<scripttype="text/javascript"src="win/jquery.js"></script>
<script>
$(document).ready(function(){
$("#yc").hide();
$("#xs")
.click(function(){
$("#yc").show();
});
$("#yc").click(function(){
$("#xs").hide();
$("#yc").click《可换成键盘事件如:keyup》(function(){
$("#xs").show();《鼠标单击事件》
});
});
});
</script>
</head>
<body>
<button id="yc">隐藏</button>
<button id="xs">显示</button>
</body>