2010-03-08 22 views
4

如何共享html/js構件? Javascript,iframe或者什麼方式是好的?如何爲用戶提供html/js構件

現在我有html頁面,css文件和js文件。我想與人分享這個小部件,以便他們可以將它附加到他們的博客,網站等。

回答

1

用於非技術集成的iFrame。這樣你就可以給他們提供一個代碼片段來複制和粘貼。

1

如果您的小部件是固定大小,那麼iframe方法可能是最直接的方法。如果您可以通過可以從遠程客戶端調用的web服務來提供它,從開發人員的角度來看這更好,但是iframe可能就是您想要的。這是典型的橫幅等。

我會建議您將任何JS和CSS集成到您的頁面中,以減少遠程調用,如果您的小部件沒有改變很多......這將有所幫助,或者至少會合並和縮小您的js和CSS分別放入一個文件中。

0

你可能想要做這樣的事情......

功能addWidget(元素){

//這裏創建你的widget

element.innerHTML = {你的widget}

}

該函數可以這樣調用

addWidget(document.getElementById(「someID」));

0

看看Google如何使用Google Analytics(分析)跟蹤的最新異步代碼執行此操作。基本上它涉及到你的用戶在他們的頁面中插入一個簡短的JavaScript代碼片段。該代碼片段動態地在HTML頁面的<head>元素中插入一個<script>元素,該元素指向您編寫的創建必需HTML的JS文件。

Google Async code

1

下面是一個使用Java腳本的工作示例。的www.foo.com/test.js

內容:

document.write('<p>some example content</p>'); 

複製/粘貼小部件的test.js

<scirpt type="text/javascript" src="http://www.foo.com/text.js"></scirpt> 
+1

不使用文件撰寫 –