首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 動態寫入框架頁面:管理分頁不顯示問題排查

     編輯:程式設計綜合問答

問題描述

使用 `document.writeln` 動態生成框架頁面,包含「用戶」與「管理」兩個分頁。程式碼中已定義管理分頁的 `

  • ` 及對應內容區 `
    `,但管理分頁內容不顯示。

    程式碼關鍵片段

    this.r.document.writeln("<li id=\"one2\" onmousemove=\"setTab('one',2,2)\" class=\"\">管理/<span id=\"AdminCount\">0</span></li>");
    ...
    this.r.document.writeln("<div id=\"con_one_2\" style=\"display: none;\">...</div>");

    排查重點

    1. 確認 `setTab` 函式邏輯:是否正確切換 `con_one_2` 的 `display` 樣式。
    2. 檢查 `listtable_adm` 是否重複:程式碼中出現兩次 `id="listtable_adm"`,會導致 `getElementById` 只取第一個,造成資料無法填入第二個分頁。
    3. 驗證 `writerframe` 執行時機:確保框架 `this.r` 已就緒(`onload` 後再呼叫)。
    4. 檢視生成的 HTML:在瀏覽器開發者工具中查看框架實際 DOM,確認元素是否存在、樣式是否正確。

    建議修正

    • 移除重複的 `id="listtable_adm"`,第二個分頁改用唯一 ID(如 `listtable_adm2`)。
    • 在 `setTab` 中加入除錯 `console.log`,觀察切換邏輯是否觸發。
    • 若框架跨域,需注意同源策略限制。
    1. 上一篇文章:
    2. 下一篇文章:
  • Copyright © 程式碼之家 All Rights Reserved