<!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?mychar?=?document.getElementById("con");
????????mychar.innerHTML="這個是隱藏并顯示的新內容";
}??
function?showtext()??
{??
var?mychar?=?document.getElementById("con");
mychar.style.display="block";
????????mychar.style.color="#eeff00";
document.write("原文"+mychar.innerHTML+"</br>");
????????mychar.innerHTML="文字改了";
????????document.write("這個是顯示的新內容"+mychar.innerHTML);
};
????</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>
2014-12-19
下面這個是在w3c中對document.write()的說明：
請使用 document.write() 僅僅向文檔輸出寫內容。
如果在文檔已完成加載后執行 document.write，整個 HTML 頁面將被覆蓋
2014-11-27
?我想應該是document.write的問題，使用document.write想網頁添加內容，會重新加載網頁，將之前的內容全部覆蓋掉。