純js常用的代碼
阿新 • • 發佈：2018-05-01
.com spl return shopping hid code opp splay 事件
1、獲取表單中某屬性的值
var name = document.myform.myname.value;
2、表單提交時校驗，相應js代碼中需要返回true或者false
<form name="myform" onsubmit="return checkForm()" method="get">
</form>
3、頁面顯示與不顯示
顯示：style="display: block;" 或者style="visibility: visible;"
不顯示：style="display: none;" 或者style="visibility: hidden;"
js改變樣式使其顯示：document.getElementById("myage").style.visibility="visible";
4、確認消息提示框confirm用法
<script type="text/javascript">
if(confirm("確定要隱藏年齡嗎？")){
document.getElementById("myage").style.visibility="hidden";
}
</script>
5、js給按鈕綁定點擊事件
var mybtn = document.getElementById("mybtn"); mybtn.onclick=function a(){ alert("aaaaaa"); }
6、radio動態展示顯示內容
效果圖：
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<label>男</label>
<input type="radio" id="man" name="isChecked" onclick="show(‘man‘)"/>
<label>女</label>
<input type="radio" id="woman" name="isChecked" onclick="show(‘woman‘)"/><hr>
<div id="mando" style="display: block;">
抽煙：<input type="text" id="smoke" name="smoke"/>
喝酒：<input type="text" id="drink" name="drink"/>
</div>
<div id="womando" style="display: block;">
購物：<input type="text" id="shopping" name="shopping"/>
美容：<input type="text" id="meirong" name="meirong"/>
</div>
</body>
<script type="text/javascript">
function show(data){
if(data==‘man‘){
document.getElementById("mando").style.display="block";
document.getElementById("womando").style.display="none";
}if(data==‘woman‘){
document.getElementById("mando").style.display="none";
document.getElementById("womando").style.display="block";
}
}
</script>
</html>
純js常用的代碼