无法在我的共享Twitter按钮中添加#标签#

时间:2015-06-26 13:15:09

标签: html button twitter share hashtag

我的页面上有一个Twitter分享按钮。我使用此代码是因为我想要一个自定义图标。我的问题是我似乎无法在自定义文本中添加主题标签。它说'自定义文字'是我输入推文的地方。

  <a class="icon-twitter" rel="nofollow"
       href="http://twitter.com/"
       onclick="popUp=window.open(
           'http://twitter.com/intent/tweet?text= custom text',
           'popupwindow',
           'scrollbars=yes,width=800,height=400');
     popUp.focus();
     return false">
     <i class="visuallyhidden"><img class="social-media" src="images/twitter.png"/></i>
  </a>

2 个答案:

答案 0 :(得分:1)

您需要对#进行编码。这是因为#将被视为url的哈希部分,而不是text查询字符串的一部分,就像&将被解释为两个之间的分隔符一样查询字符串参数,而不是值的一部分,除非您将其编码为%26。如果“自定义文字”可以是任何内容,请使用encodeURIComponent

'http://twitter.com/intent/tweet?text=' + encodeURIComponent('#custom #text')

如果该值始终采用硬编码,则将#替换为%23即可:

'http://twitter.com/intent/tweet?text=%23custom %23text'

答案 1 :(得分:0)