不加變量也可以啊，為什么要加變量
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
? ? <script type="text/javascript">?
? ? ? ? function hidetext()??
{??
? ? document.getElementById("con").style.display="none";
? ? ? ??
}??
function showtext()??
{??
? ? ?document.getElementById("con").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>
2022-06-29
如果你想通過這個簡單的需求 去理解變量存在的意義是理解不了的..比如我把需求改一下
除了讓標簽隱藏還需要把標簽顏色加深,字體加粗,字體顏色變紅..我按照你的寫法如下
function hidetext()? {??
? ? ?document.getElementById("con").style.display="none";??
?????document.getElementById("con").style.color="red";? ? ?
?????document.getElementById("con").style.fontSize="20px";? ? ?
?????document.getElementById("con").style.fontWeight="700";? ? ???
}??
你自己看著這代碼臃腫嗎?? 如果使用變量存儲一下呢,如下, 是不是整體看上去簡潔,
var con =?document.getElementById("con")
function hidetext()? {??
? ???con.style.display="none";??
?????con.style.color="red";? ? ?
?????con.style.fontSize="20px";? ? ?
?????con.style.fontWeight="700";? ? ???
}??
然后再提一個需求? 如果id變了? 不是取con,而是取newcon ,? 按照最上面的寫法 是不是要改 4個地方的con ,? 而按下面的寫法? 是不是只要改1個地方的con
你自己去理解一下咯
2022-04-10
個人見解為：便于閱讀和維護。