我有一個網頁,從其他幾個本地(相同來源)網頁上繪製數據。我使用XMLHttpRequest從這些其他網頁收集數據。然後,我使用DOM從每個頁面解析出所需的數據。我希望在每個其他本地頁面中包含一條數據(即,在每個其他本地頁面的DOM中),但是,當查看網頁時,我不希望這些數據可見。 (在源代碼中可見,只是不在呈現的HTML中)。我可以想到幾種方法。不過,我並不喜歡他們中的任何一個。我想知道別人可能會有什麼建議。感謝您的任何意見。如何將隱藏數據嵌入到網頁中並使用DOM恢復它?
回答
正如你所說,通過AJAX請求,它是在你的控制在哪裏顯示或不。
通過AJAX獲得結果後,您可以將其存儲在您的腳本中進行一些操作或在HTML頁面中顯示父標記,因爲可見爲false,因此最終用戶看不到(除了源代碼查看)。
簡單的隱藏div有什麼問題?
<div id="hiddenData" style="display:none;">...</div>
說實話,好像你是在繞過數據的方式是怎樣的一個黑客了,所以我沒有看到任何真正需要被看中。
CSS沒有語義。 '...'仍然會被認爲是頁面的相關內容。 – Oriol
那麼,替代方案 - 您的建議隱藏屬性 - 假定他們可以使用HTML 5,但可能並非如此。他們應該確實專注於解決任何架構問題,驅使他們首先使用這種黑客技術,TBH。 – Comptonburger
一些選項:
-
所有HTML elements可能有
hidden
內容屬性 集。hidden
屬性是boolean attribute。當在元素上指定 時,表示該元素尚未或者不再與該頁面的當前狀態直接相關,或者 已被用於聲明內容被 頁面的其他部分重用而不是由用戶直接訪問。用戶代理 不應呈現指定了hidden
屬性 的元素。 -
的
template
元件用於聲明HTML的片段 可以被克隆並通過腳本在文檔中插入。在rendering中,模板元素represents什麼也沒有。
根據語義,你可以選擇一個或另一個。或者甚至將它們結合起來:
<template hidden><!-- Hidden data --></template>
- 1. PHP Array進入Json並將數據恢復到網頁
- 2. Java:JApplet,你如何將它嵌入到網頁中?
- 3. 如何使用數據,但隱藏它,以便它不能被重複使用
- 4. 使用rbokeh將圖嵌入到網頁
- 5. 如何使用Tableau JavaScript API將Tableau嵌入到網頁中?
- 6. 如何在UITableView嵌入到UIPageViewController中時使用hidesBarsOnSwipe隱藏NavigationBar?
- 7. 如何在暫時的網頁被使用後隱藏它?
- 8. 如何使用Servlet將隱藏屬性添加到DOM
- 9. 如何克隆(並恢復)DOM子樹
- 10. 使用iText將隱藏文件嵌入到PDF中
- 11. 如何將POJO保存到SQLite中並讓它們恢復?
- 12. 將HTML DOM數據隱藏到最終用戶
- 13. 如何使用Jquery隱藏隱藏選項卡上的子元素,並隱藏它直至隱藏它?
- 14. 如何提取表單的隱藏值並將其插入到數據庫中
- 15. 如果我使用jQuery隱藏面板,設置如何恢復?
- 16. 將隱藏的div(包括它的內容)添加到DOM中
- 17. 將數據恢復到GitLab
- 18. 恢復隱藏部分
- 19. 使用python從網頁中獲取「隱藏」數據
- 20. 如何使用標識符隱藏按鈕(恢復ID)
- 21. 如何隱藏閃存嵌入而不禁用它們
- 22. 從數據庫中獲取網址並將其嵌入到我的頁面
- 23. 如果我隱藏了一個內置函數,我該如何恢復它?
- 24. 導航DOM,如何恢復?
- 25. 將網站/頁面嵌入到Silverlight中
- 26. 將網頁嵌入到Flash中
- 27. 將活動PDF嵌入到網頁中?
- 28. 將數據從Mysql中恢復並將其發送到sqlite
- 29. 如何使用VB.NET在網頁瀏覽器中隱藏隱藏的組合框
- 30. 將網頁數據複製並粘貼到記事本中
你正在用ajax填充dom,然後*然後*將其刮回去......?這是倒退。 – Bosworth99
如果您正在使用通過ajax(XHR)在頁面上運行的更多JavaScript中檢索的數據,只需將其保存在JavaScript var中,則無需將其添加到DOM。 –
他們通過AJAX從其他頁面加載HTML,然後將其用於數據。 – Comptonburger