在不受Host Page CSS影响的跨域主机页面中创建嵌入式JavaScript？

可以嵌入到网站中的大多数javascript小部件使用以下结构.首先,你嵌入一个像这样截断的代码:

然后,在加载页面时,此脚本会创建一个html结构,如下所示:

  


我在许多聊天服务中看到了相同的结构,例如: 

https://en.zopim.com/ 
http://banckle.com/
https://www.livechatinc.com/


所有的共同点都是他们的iframe没有src,即附加了一个URL.

更新:这是我用来将我的窗口小部件代码加载到第三方网站的脚本: 

    


我希望集成GWT小部件的站点的CSS不应该影响GWT小部件的CSS.我会阻止主页的CSS影响我的GWT小部件的CSS.

注意:我也希望从我的GWT小部件访问主机网站.

主页的域名是www.example.com,iframe的域名是www.widget.com.我还想从iframe设置主机域的cookie.

构建在这样的结构上运行的小部件的过程是什么？如何设置iframe的内容？那有什么模式吗？我怎么能用GWT做到这一点