谷歌的+1按钮:他们是如何做到的？

Question

探索谷歌的+1按钮,我发现他们提供的代码有两个奇怪之处:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'en-GB'}
</script>

<g:plusone size="tall" href="http://www.google.com"></g:plusone>

所以我有两个问题:
第一:       Google如何在script标签之间使用文字？
第二:  语法<g:plusone ...HTML是否有效？这叫什么？

Answer 1

Google如何在脚本标记之间使用文本？

<script> 元素在DOM中完全可见:

<script type="text/javascript">//FIRST SCRIPT BLOCK</script>

<script type="text/javascript">
    var s= document.getElementsByTagName('script')[0];
    alert(s.textContent); // "//FIRST SCRIPT BLOCK"
</script>

Google狡猾的伎俩是将内容放入<script>具有外部内容的内容中src.在这种情况下,src覆盖块内的内容并改为执行外部脚本,但<script>即使它们什么也不做,元素的内容仍然可以通过DOM读取.

语法是<g:plusone...... HTML有效吗？这叫什么？

否.如果他们做出了自己的DOCTYPE HTML为+ Plusone精选也可能是有效的是,但它并不满足有效性HTML,它甚至没有命名空间,形成良好的XHTML文档中,除非你添加一个额外xmlns:g的它也.