使用JavaScript處理HTML內容是不好的做法嗎？

Question

我目前正在研究一個項目，我們使用一個半成熟的CMS。由CMS控制的部分網站在CMS後端不可編輯。因此，提供CMS的公司建議我們使用jQuery來處理這些頁面上的HTML內容。

對我來說這是一個壞主意 - 主要是因爲我力求單獨的內容，設計&功能。

這是一種在過去很好的理念 - 我發現如果遵循這些原則，更容易將網站版本升級到各種平臺並實現良好的訪問網站。

但我在尋找更多的彈藥，例如這對SEO有什麼影響？ Google的蜘蛛能訪問被操縱的內容嗎？

有沒有其他原因爲什麼用JavaScript處理HTML內容是不好的做法？

Answer 1

我肯定會認爲這不是最好的主意。

通常搜索引擎不會執行Javascript，並會讀取預先更改的代碼。

Answer 2

我不確定我是否同意使用Javascript來修改頁面是一個壞主意。 JavaScript的發展正是現在正是這樣做的（包括一個標準化的DOM）。

當然，有些東西在Javascript中完全沒有意義，比如完全驗證（可能有一些預驗證邏輯可以提供更好的用戶體驗，但服務器端必須始終執行所有檢查）但「操縱HTML代碼」本身並不壞。

顯然它取決於您需要做的特定編輯。例如，如果您正在調整CSS，那麼我同意使用Javascript進行此操作，因爲CMS不允許它作爲解決方案聞到非常糟糕的情況（例如，如果它們在CMS的下一次更新中觸摸了頁面生成，它將會中斷）。

Answer 3

• jQuery基本上是一個DOM/HTML操作庫。大多數時候當你使用jQuery時，你正在操縱DOM。
• 理想情況下，此類操作只能用於逐步增強用戶體驗。只要有可能，用戶體驗應該優雅地降級，以防他們不能或者不選擇不運行你的Javascript。

我認爲你必須問自己，

1. 我使用的jQuery/JavaScript作爲主要手段來實現我的網站內容？
2. 我的站點至少在JavaScript關閉時的最小可用性級別？

如果第一個問題的答案是肯定的，而第二個問題的答案是否定的，我會回到繪圖板。

Answer 4

這是一條很好的路線，但我不會說HTML操縱內容（也就是我的意思是佈局和樣式）是一種不好的做法。這是今天網絡的MO，否則你的動態內容，所有這些滑塊和旋轉木馬以及什麼都不會僅限於CSS操作。

您的問題與使用JS操作HTML不同。你的問題是你操縱了一個第三方的HTML內容。如果明天他們將<span>更改爲<div>，或將一個ID更改爲另一個 - 您的JS可能會變得無用。

在你的情況 - 我會做很多不同的JS操作，但我不會基於一些更高的校長。