純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常用的代碼