在我的代碼中，我將頁面存盤為divs，如下所示
< div id="page-1" class="page db">
<!--頁面內容-->
<button id="get-page2"/span>> 轉到第2頁</按鈕>
</div>/span>
< div id='page-2' class="page dn">/span>
<!--頁面內容-->
<button id="back-page-1"/span>> 回傳第一頁</button>。
</div>/span>
我給這個div一個id來定義頁面名稱，并給class page來告訴javascript這是一個頁面div，以便以后切換，class db代表display block。類dn代表display none，我的javascript代碼有一個函式(getPage(pageId))可以在不同的頁面之間切換，這就是它，以備不時之需。
function getPage(pageId) {
let pages = $('.page'); //得到所有的頁面。
for (i = 0; i < pages.length; i ) {
let currentClass = $(`#${pages[i].id}`) //獲得當前類的id。
if (currentClass.attr('id') == pageId) {
currentClass.attr('class', 'page db'); //如果div id與引數pageId匹配，將用db切換class dn來顯示div。
}
else {
currentClass.attr('class', 'page dn'); //否則它將隱藏它，因為它不是所需的頁面。
}
}
}
dn和db在CSS檔案中：
.db {display: block;}。
.dn {display: none;}
順便說一下，我有這樣的代碼，它是關于帶有表單的報告頁面
< div id="report" class="page dn">>
<div class=" center top-margin">
< form method="POST" data- netlify="true" name="port">
< textarea placeholder="describe your problem here" name="problem"> </textarea><br>
< button type="submit" class="textarea-width" > 提交</button>。
<button class="back-home textarea-width"/span>> 回傳</按鈕>
</form>/span>
</div>/span>
</div>/span>
而我的問題是，當我點擊后退按鈕時，它將我引向一個頁面，上面寫著
。
這個頁面不作業。
如果問題繼續存在，請聯系網站所有者。
HTTP錯誤405。
即使我沒有提交表格，它也向我顯示
注意：我把data-netlify="true"因為它是一個允許我獲得提交表單的網站，我添加這個是為了以后在那里接收表單，我試著把網站托管在netlify上，表單被提交了，問題出在哪里，為什么點擊回來就被提交了呢？如果沒有辦法解決這個問題，請向我推薦其他解決方案。
在寫這個問題的時候，我試著把回傳按鈕放在表單的外面，并把它放在屬于center和margin-top類的div里，但是同樣的事情還是發生了
<uj5u.com熱心網友回復：
感謝@Rylee，問題就在于我應該指定type="button"來防止提交表單。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/326115.html
標籤：
上一篇：自動填寫網路表格
下一篇：滑鼠懸停在影像上時顯示文本