Twitter Share динамический URL-адрес share

Question

Я пытаюсь создать пользовательскую кнопку Twitter, которая будет захватывать URL страницы текущей страницы при нажатии, что явно изменится в зависимости от того, на какой странице она появляется, в отличие от кнопки общего доступа по умолчанию , Однако я не уверен, как передать URL страницы в кнопку.

Это то, что я до сих пор jsfiddle

<style type="text/css" media="screen"> 

</style> 
<div id="social-share-container"> 
<div id="custom-tweet-button"> 
<a id="tweetShare" href="https://twitter.com/share?url="+encodeURIComponent(document.URL); target="_blank">Tweet 
    </a> 
</div> 
</div> 

Это немного взломан вместе, как я довольно знакомы с JS.

Answer 1

Посмотрите на document.location:
location.hostname
location.pathname
http://www.w3schools.com/jsref/obj_location.asp

Answer 2

Я хотел бы предложить window.location - Это даст вам текущую страницу URL.

Проблема в том, что вы используете JS inline в HTML - вы не можете делать то, что хотите.

Я обновил вашу скрипку несколькими ванильными js, чтобы показать вам лучший способ сделать это.

http://jsfiddle.net/4jF5N/1/

var link = document.getElementById('tweetShare'); 
var url = window.location; 

link.addEventListener('click',function(event){ 
    event.preventDefault(); 

    window.open("https://twitter.com/share?url="+encodeURIComponent(url)); 
    alert(url) 
},false); 

Answer 3

Это передает URL и название для простого всплывающего окна с твиттером акций:

<script language="javascript"> 
    function tweetCurrentPage() 
    { window.open("https://twitter.com/share?url="+escape(window.location.href)+"&text="+document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false; } 
</script> 

<a class="tweet" href="javascript:tweetCurrentPage()" target="_blank" alt="Tweet this page">Tweet this page</a> 

Если вы не хотите, чтобы открыть во всплывающем окне box, вы можете использовать это вместо window.open:

window.location.href="https://twitter.com/share?url="+escape(window.location.href)+"&text="+document.title;