Javascript小部件(类似于Facebook Like)脚本与Iframe方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript小部件(类似于Facebook Like)脚本与Iframe方法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1822字,纯文字阅读大概需要3分钟。
内容图文
![Javascript小部件(类似于Facebook Like)脚本与Iframe方法](/upload/InfoBanner/zyjiaocheng/812/d150522918ab432a9850b7dde827bd13.jpg)
在构建社交书签按钮小部件以供在其他网站中使用时,存在一些挑战.我们最近刚开放了客户端方面. (博客文章:http://www.mellowmorning.com/2010/08/03/creating-your-own-diggfacebook-liketweetmeme-button/)
基本上,目标是替换所选元素
爱它
用一个按钮显示有多少人喜欢它.
这有两种方法.
– 用html替换A(脚本方法)
– 用iframe替换A(iframe方法)
这些方法之间存在相当复杂的差异.一个特别令人讨厌的是脚本方法无法与其弹出窗口进行通信.
任何人都可以建议在登录弹出窗口和按钮之间进行通信的解决方法. (IE.当你通过弹出窗口喜欢某些东西?时,你如何更新按钮上的计数,而不是被相同的原始保护所阻止..)
你推荐哪种方法. iframe或脚本为什么?
这些是我遇到的差异:Iframe vs Script
IFRAME:
>弹出通信可能
由于相同的原始限制,脚本方法无法与其创建的弹出窗口进行通信.然而,iframe可以与弹出窗口具有相同的域并且可以自由地进行通信.这样可以在登录时提供更好的用户体验.
>更容易开发
iframe方法更容易开发,需要更少的代码.
> IE中的并行下载
IE不会并行下载计数脚本,但它会为IFRAME执行此操作.使这种方法更快一些.
>独立的CSS
如果您使用iframe技术,外部网站不会干扰您的按钮的CSS.缺点是它使得像悬停的东西不可能与其他站点集成. (例如Fashiolista的紧凑按钮).
>独立
iframe方法使得其他网站很难对用户进行游戏,例如/喜欢行动.使用脚本方法,外国网站可以简单地调用您的javascript来伪造爱好产品的人.这种自由可能被滥用,但也允许mashup.
脚本:
>较慢的dom负载
创建iframe会为浏览器花费更多时间.
>感知负载较慢
脚本方法允许您在加载数据之前格式化按钮.极大地增加了感知的负载速度.
>没有共享功能
按钮无法共享功能.因此,当有人登录一个按钮时,无法更新其他按钮.
解决方法:
当然还有第三个选项,它是iframe和脚本方法之间的混合.
您可以使用脚本挂钩到DOM页面(提供关于不同用途的自由掠夺),并创建指向您的域的隐藏iframe.
该脚本既可以与当前文档进行通信,也可以使用跨域消息进行通信,并使用iframe作为代理进行通信.
当然,XDM确实会带来一些困难,但是如果你使用像easyXDM这样的经过验证的解决方案,那么这应该不是什么大问题.
Here is an example显示了如何与弹出窗口进行交互.
内容总结
以上是互联网集市为您收集整理的Javascript小部件(类似于Facebook Like)脚本与Iframe方法全部内容,希望文章能够帮你解决Javascript小部件(类似于Facebook Like)脚本与Iframe方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。