链接没有在JavaScript中刷新？

Question

我有一个链接，点击后打开window.print。是否可以打开页面进行打印而不刷新？谢谢。

HTML：

<div class="print-icon">
  <a title="Print" href="">Print page</a>
</div>

Jquery的：

$('.print-icon a').click(function(){
  window.print();
})

Answer 1

将.preventDefault()添加到您的代码中：

$('.print-icon a').click(function(e){
    e.preventDefault();
    window.print();
})

Answer 2

只需在您href中添加一个＃标签：

<div class="print-icon">
  <a title="Print" href="#">Print page</a>
</div>

---

在幕后，以＃标签开头的href会指示页面滚动到其<a>属性等于其后的name属性，例如：

<a name="toc"></a>
    some really long text
<a href="#toc"> Go to Table of Contents</a>

但是通过提供没有锚名称（#之后没有），没有地方可以滚动到，所以没有任何反应，但仍然应用样式。