社交插件如何工作？

Question

介紹

我打算多創建窗口小部件一樣，Facebook的提供喜歡，份額等，基本上要求是：

1. 客戶端將包括由我們提供的JavaScript 。
2. 客戶端現在可以將我們的小部件放在具有JS的頁面中。小部件佔位符看起來像<nw:fav id="911"/>。
3. 頁面加載時，JavaScript用實際的HTML代替佔位符。 JavaScript還會使這個DIV更新爲動態（可能使用long polling）內容。

問題

我不知道該怎麼做第2步。

1. JavaScript如何獲得所有<nw:...標籤及其所有屬性？
2. 如何用真正的HTML標籤替換標籤？

約束

1. 我試圖避免的JQuery或任何其他JS庫，因爲我們如果客戶端還使用JQuery，可能會有一些其他的版本，可能會造成衝突。
2. 我真的不想使用IFrame。

可能重複

這個問題：https://stackoverflow.com/questions/4558826/how-does-facebook-social-plugins-work-client-server-code-involved。如果答案很可能會解決我的問題。

我不想要Tumbleweed徽章，我正在尋找方法。打開建議。

謝謝
NISHANT

Answer 1

Facebook的連接JS SDK是開源的。您可能會發現xfbml.js文件很有用。請參閱this link。

基本上當文檔加載時，代碼遍歷dom尋找具有特定命名空間的元素（FB使用fb，您似乎想要使用nw）。找到這些元素，然後將其替換爲您需要的任何內容。