JavaScript中的弹出窗口

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript中的弹出窗口相关的知识,希望对你有一定的参考价值。

我在基于Blogger的website上使用自定义Tumblr共享按钮,我希望在弹出窗口中打开共享屏幕。现在它在一个新选项卡中打开。

有人可以告诉我该怎么做吗?

<div class='tumblr-button'>
<script>
var strPostUrl = "<data:post.url/>";
var strPostTitle = '<data:post.title/>';
var strNewUrl = strPostUrl.replace("http://","");
var strNewTitle = strPostTitle.replace(/"/g, '"');
document.write("<a href='http://www.tumblr.com/share/link?url="+strNewUrl+"&amp;name="+strNewTitle+"' target='_new'><img src='http://platform.tumblr.com/v1/share_1.png'/></a>");
</script>
</div>
答案
   <div class='tumblr-button'>
    <script>
    var strPostUrl = "http://google.com";
    var strPostTitle = 'Google';
    var strNewUrl = strPostUrl.replace("http://","");
    var strNewTitle = strPostTitle.replace(/"/g, '"');

    </script>
    <a href='javascript:void(0);' id='tumblr'><img src='http://platform.tumblr.com/v1/share_1.png'/></a>
</div>
    <script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery('#tumblr').click(function(){
         var width  = 775,
            height = 500,
            left   = ($(window).width()  - width)  / 2,
            top    = ($(window).height() - height) / 2,        
            opts   = 'status=1' +
            ',width='  + width  +
            ',height=' + height +
            ',top='    + top    +
             ',left='   + left;
    var url = "http://www.tumblr.com/share/link?url="+strNewUrl+"&name="+strNewTitle;
    window.open(url , 'tumblr', opts);
    });
   });
    </script>

检查http://jsfiddle.net/gzMXd/上的演示代码

另一答案

使用javascript window.open()函数

$('#buttonID').click(function() {
  myWindow=window.open('','','width=200,height=100');  
  myWindow.document.write("<p>This is 'myWindow'</p>");  
  myWindow.focus();  
});

句法:

window.open (URL, windowName[, windowFeatures])

例如。 window.open ("http://jsc.simfatic-solutions.com", "mywindow","status=1,toolbar=1");

以上是关于JavaScript中的弹出窗口的主要内容,如果未能解决你的问题,请参考以下文章

从 javascript [spotify auth] 中的弹出窗口获取访问令牌 url

JavaScript Javascript - 简单的弹出窗口调整大小

单击单个JavaScript弹出窗口

Xamarin 中的弹出窗口太长

jQuery Mobile 中的弹出窗口没有按预期工作,请咨询

如何在javascript中的另一个子窗口的选项卡中打开子窗口?