弹出推文框,点击推文后关闭它

时间:2015-05-04 10:54:56

标签: javascript html css

我的页面上有一个弹出式推文框来共享该网站。我正在使用此代码:

<script type="text/javascript">
function fbs_click() {
    var twtTitle = document.title;
    var twtUrl = location.href;
    var maxLength = 140 - (twtUrl.length + 1);
    if (twtTitle.length > maxLength) {
        twtTitle = twtTitle.substr(0, (maxLength - 3)) + '...';
    }
    var twtLink = 'https://twitter.com/home?status=go%20to%20this%20site!';
    var x = screen.width/2 - 520/2; 
    var y = screen.height/2 - 350/2-100; 
    window.open(twtLink, '','height=350,width=520,left='+x+',top='+y);
}
</script>

在html中使用这个:

<a href="#" onclick="fbs_click();" ><img class="right" src="twitter.png">

这一切都运作良好但是当我点击推文时,窗口将保持打开状态,然后转到Twitter主页。无论如何在点击推文后让这个窗口关闭?

1 个答案:

答案 0 :(得分:0)

如果将其保存为变量,如:

var win = window.open( ...

您可以使用

关闭它
win.close();

source

至于在哪里,请查看Twitter的https://developer.mozilla.org/en-US/docs/Web/API/Window/close事件:

twttr.events.bind(
    'tweet',
    function (event) {
        // Do something there
    }
);