Question

我需要一个按钮onclick来显示内容，同时它将定位=＆＃34; _blank＆＃34;一个新窗口......这可能吗？我曾尝试过一些代码，但没有用，有人能帮我解决吗？谢谢你们！

<style type="text/css">
   /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
      border-top: 1px solid #666;
      border-bottom: 1px solid #666; }
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      padding-left: 8px;
      background: transparent url(down.gif) no-repeat left; }
   a.hideLink {
      background: transparent url(up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover {
      border-bottom: 1px dotted #36f; }
</style>

<div id="wrap">
<h1>Show/Hide Content</h1>
<a href="https://www.facebook.com/sharer/sharer.php?app_id=309437425817038&sdk=joey&u=http%3A%2F%2Fcloudsblack.com%2F180115f.html&display=popup&ref=plugin"
id="example-show" class="showLink" onclick="showHide('example');return false;">
<button class="btn-u btn-u-lg btn-block btn-u-dark-blue">
<i class="fa fa-facebook"></i> Facebook
</button>
</a>
<div id="example" class="more">
<p>Congratulations! You've found the magic hidden text! Clicking the link below will hide this content again.</p>
<p><a href="#" id="example-hide" class="hideLink" onclick="showHide('example');return false;">Hide this content.</a></p>
</div>
</div>                  

<!-- Hide Function -->           
<script language="javascript" type="text/javascript">
function showHide(shID) {
   if (document.getElementById(shID)) {
      if (document.getElementById(shID+'-show').style.display != 'none') {
         document.getElementById(shID+'-show').style.display = 'none';
         document.getElementById(shID).style.display = 'block';
      }
      else {
         document.getElementById(shID+'-show').style.display = 'inline';
         document.getElementById(shID).style.display = 'none';
      }
   }
}
</script>

Answer 1

尝试将target="_blank"添加到您的a标记中，如下所示：

<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?app_id=309437425817038&sdk=joey&u=http%3A%2F%2Fcloudsblack.com%2F180115f.html&display=popup&ref=plugin"
    id="example-show" class="showLink" onclick="showHide('example');return false;">

Answer 2

为什么返回false; 在 showHide 后面。

执行顺序为：

showHide将首先调用，之后，返回false; 被调用，它返回false，因此href的处理将停止。当onclick事件结束并且不返回false时，此页面将跳转或打开目标的新页面。

Ps：你的onclick事件不是 showHide（'example'）; 是：

 {
    showHide('example');
    return false;
}

点击显示内容和目标=＆＃34; _blank＆＃34;另一个链接

2 个答案: