快捷導航

javascript實現(xiàn)信息的顯示和隱藏如注冊頁面

更新時間：2013年12月03日 17:15:46 作者：

信息的顯示和隱藏在某些時候還是比較使用的，就比如注冊信息，下面有個不錯的示例，感興趣的朋友可以了解下

我們在寫注冊頁面的時候，必填信息是可見的，可選信息是隱藏的，如果用戶希望填寫，可以單擊“詳細信息”。

 
<!-- 下面代碼通過javascript實現(xiàn)信息的顯示和隱藏 --> 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
function $(idvalue){ 
return document.getElementById(idvalue); 
} 
function showtext(){ 
if($('text').style.display == 'none'){ 
$('text').style.display = ''; 
}else{ 
$('text').style.display = 'none'; 
} 
} 
</script> 
</head> 
<body> 
<div id="text" style="display:none;">這里是隱藏信息</div> 
<button id="morebtn" onclick="showtext();">詳細信息</button> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

HTML+JavaScript實現(xiàn)掃雷小游戲
這篇文章主要為大家詳細介紹了HTML+JavaScript實現(xiàn)掃雷小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
Javascript(es2016) import和require用法和區(qū)別詳解
本篇文章主要介紹了Javascript(es2016) import和require用法和區(qū)別詳解，具有一定的參考價值，有興趣的可以了解下
2017-08-08
一文教你如何實現(xiàn)localStorage的過期機制
要知道localStorage本身并沒有提供過期機制,既然如此那就只能我們自己來實現(xiàn)了,這篇文章主要給大家介紹了關(guān)于如何實現(xiàn)localStorage過期機制的相關(guān)資料,需要的朋友可以參考下
2022-02-02
Javascript中的every()與some()的區(qū)別和應(yīng)用小結(jié)
every跟some不同點在于，every要判斷數(shù)組中是否每個元素都滿足條件，只有都滿足條件才返回true，只要有一個不滿足就返回false，這篇文章主要介紹了Javascript中的every()與some()的區(qū)別和應(yīng)用,需要的朋友可以參考下
2023-05-05
Microsfot .NET Framework4.0框架安裝失敗的解決方法
今天在安裝.NET Framework 4.0，安裝了半天結(jié)果提示未安裝成功,提示原因是服務(wù)未啟動了，error code: (0x80070643), "安裝時發(fā)生嚴重錯誤 "
2013-08-08
一文帶你徹底搞懂JS中的Map與Set
Set是一種叫做集合的數(shù)據(jù)結(jié)構(gòu)(結(jié)構(gòu)和Array很像),Map是一種叫做字典的數(shù)據(jù)結(jié)構(gòu),這篇文章主要為大家詳細介紹了JavaScript中Map與Set用法與區(qū)別,需要的小伙伴可以參考下
2023-11-11
JS利用cookies設(shè)置每隔24小時彈出框
這篇文章主要介紹了利用cookies設(shè)置每隔24小時彈出框的實例代碼,需要的朋友可以參考下
2017-04-04
JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果
這篇文章主要介紹了JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果的相關(guān)資料,非常不錯，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2016-06-06
常見表單重復提交問題整理及解決方法
常見的重復提交問題如點擊提交按鈕兩次、點擊刷新按鈕等等，下面為大家整理了防止表單重復提交的方法，感興趣的朋友可以參考下
2013-11-11
8個有意思的JavaScript面試題
JavaScript 是一種有趣的語言，我們都喜歡它，因為它的性質(zhì)。這篇文章主要介紹了8個有意思的JavaScript面試題 ,需要的朋友可以參考下
2019-07-07