實現隱藏顯示
? ? <!DOCTYPE HTML>
? ? <html>
? ? <head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ? <title>display</title>
?<script type="text/javascript">?
? ? ? ? function hidetext(){
? ? ? ? var newwin = document.getElementById("con");
? ? ? ? newwin.style.display="none";
? ? ? ?
? ? ? ? }
? ? ? ? function showtext(){
? ? ? ? ?var newwin2 = document.getElementById("con");
? ? ? ? newwin2.style.display="block";
? ? ? ? }
? ? </script>?
? ? </head>?
? ? <body> ?
? ? ? ? <h1>JavaScript</h1> ?
? ? ? ? <p id="con">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>?
? ? ? ? <form>
? ? ? ? ? ?<input type="button" onclick="hidetext()" value="隱藏內容" />?
? ? ? ? ? ?<input type="button" onclick="showtext()" value="顯示內容" />?
? ? ? ? </form>
? ? </body>?
? ? </html>
2018-10-31
?<!DOCTYPE HTML>
? ? <html>
? ? <head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? ? <title>display</title>
?<script type="text/javascript">?
? ? ? ? function hidetext(){
? ? ? ? var newwin = document.getElementById("con");
? ? ? ? newwin.style.display="none";
? ? ? ?
? ? ? ? }
? ? ? ? function showtext(){
? ? ? ? ?var newwin2 = document.getElementById("con");
? ? ? ? newwin2.style.display="block";
? ? ? ? }
? ? </script>?
? ? </head>?
? ? <body> ?
? ? ? ? <h1>JavaScript</h1> ?
? ? ? ? <p id="con">做為一個Web開發師來說，如果你想提供漂亮的網頁、令用戶滿意的上網體驗，JavaScript是必不可少的工具。</p>?
? ? ? ? <form>
? ? ? ? ? ?<input type="button" onclick="hidetext()" value="隱藏內容" />?
? ? ? ? ? ?<input type="button" onclick="showtext()" value="顯示內容" />?
? ? ? ? </form>
? ? </body>?
? ? </html>