顯示內容Onclick無需重新加載/刷新頁面

我正在使用JavaScript和按鈕來顯示一部分onclick並隱藏重新點擊該部分。顯示內容Onclick無需重新加載/刷新頁面

JavaScript代碼：

<script type="text/javascript"> 
function toggleMe(a){ 
var e=document.getElementById(a); 
if(!e)return true; 
if(e.style.display=="none"){ 
e.style.display="block" 
} 
else{ 
e.style.display="none" 
} 
return true; 
} 
</script>

和按鈕的代碼是：

<input type="button" onclick="return toggleMe('para2')" value="Technical Quiz" id="button">

和內容是：

<div id="para3" style="display:none; color:#FFF;"> 
Rules are Coming UP... 
</div>

的主要問題是在Opera Mini的當觀看和UC瀏覽器，點擊該按鈕它重新加載頁面並顯示內容。我不想重新加載頁面。我只想在不重新加載頁面的情況下顯示內容。

來源

2013-12-16 Kanmaniselvan

您的輸入元素是否由表單元素包裝？我認爲在某些情況下，輸入按鈕的默認onclick行爲是提交表單，也許嘗試刪除表單元素，只需使用此輸入 – Merlin

否，不包裝。我剛剛添加了'

...

'作爲容器。 – Kanmaniselvan

return true不會阻止默認操作。默認操作會重新加載頁面。因此，您應該return false以防止頁面重新加載。

return false;

附加說明。頁面重新加載可能是由於所述按鈕錯誤地提交了表單。

來源

2013-12-16 02:18:22

我很確定重載頁面是由表單提交引起的。你確定輸入不包含元素嗎？

您可以嘗試在toggleMe函數中添加e.preventDefault()，這會阻止輸入按鈕的默認操作。

來源

2013-12-16 03:27:18 gee

顯示內容Onclick無需重新加載/刷新頁面

回答

相關問題