js初学笔记(三)
函數(shù)、判斷、鏈接
-----------------------------------------------------------------------<head> <script> function showHide(){var oDiv = document.getElementById('div1');if(oDiv.style.display == 'block'){//判斷如果是顯示的時(shí)候隱藏oDiv.style.display == 'none';}else{ //否則顯示oDiv.style.display == 'block';} } </script> </head> <body> <input type = "button" value = "顯示隱藏" onclick = "showHide()" /> <div id = "div1"> </div> </body> ---------------------------------------------------------------------- <!-- a鏈接js--> <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>無標(biāo)題文檔</title> </head> <body> <a href="javascript:alert('a');">鏈接</a> </body> </html> --------------------------------------------------------------------- className 的用法 <!DOCTYPE html> <html> <head><meta charset="utf-8"><title>無標(biāo)題文檔</title> <style> #div1{width: 100px;height: 100px;border: 1px solid black; } .box{background: red; } </style> <script> function toRed() {var oDiv = document.getElementById('div1');oDiv.className = 'box'; } </script> </head> <body> <input type="button" value="變紅" οnclick="toRed()" /> <div id="div1"></div> </body> </html> -------------------------------------------------------------------------總結(jié)