当我们需要将网页打印出来，但不想打印链接地址时，该怎么做呢？本文将介绍几种方法，让你轻松实现这个需求。
方法一：使用 CSS
通过 CSS 可以控制网页的样式，从而实现打印效果的定制。下面是一种基于 CSS 的方法。
首先，我们需要为所有链接添加一个类名，在该类名下重写链接样式，并设置 content 属性为空字符串：
-- -------------------------- ----------------------------
------ ----- -
---------------- -
-------- ---
-
-上述样式定义了在打印模式下，.no-print 类下的链接后面内容为空字符串，因此打印时该链接就不会显示链接地址了。
方法二：使用 JavaScript
另外一种方法是使用 JavaScript 动态修改网页内容。下面是一个简单的示例代码：
------- ----------------------------- ------- --------------
--------
-------- ------------- -
--- ----- - -----------------------------------
--- ---- - - -- - - ------------- ---- -
---------------------------------- -------------------------------
---------------------------------
-
---------------
--- ---- - - -- - - ------------- ---- -
----------------------------- ------------------------------------
--------------------------------------
-
-
---------上述代码定义了一个按钮，点击该按钮后会将所有链接地址的 href 属性保存在自定义属性 data-href 中，并删除 href 属性。然后执行打印操作，待打印完成后再将 href 属性恢复。
总结
本文介绍了两种方法来避免打印网页链接地址：一种是使用 CSS，在打印模式下隐藏链接地址；另一种是使用 JavaScript 动态地修改链接地址。通过这些方法，我们可以更加灵活地控制网页打印效果，提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28868