在我的可打印页面上使用 JavaScript 禁用链接标记

Question

我有一个脚本，它通过复制 HTML 然后进行一些操作（例如在页面加载时禁用页面上的按钮）来创建可打印页面。

我还想禁用页面上的链接。我真的不介意它们是否看起来仍然像链接，只要它们不执行任何操作，并且不给出任何 JavaScript 错误！ 锚标记似乎没有禁用属性...

不幸的是，我不能使用 jQuery，所以只能使用 JavaScript！

编辑：我想禁用页面上的链接、按钮等，以便当“可打印页面”在另一个窗口中打开时，用户不能通过单击按钮或链接来弄乱它。我希望它本质上是他们想要打印的页面的“冻结快照”。

Answer 1

将其 href 设置为 # 并覆盖 onclick 事件应该可以解决问题。

var links = document.getElementsByTagName("A"), j;
for (j = 0;j < links.length; j += 1) {
    links[j].href = '#';
    links[j].onclick = function () {
        return false;
    };
}

Answer 2

为什么不能使用 jQuery？好多了...

$('a').each(function(){this.onclick=function(){return false}});

无论如何，这是一个正常的 javascript 方式。比上面小，你也不需要修改链接...通过定义 onclick 函数返回 false 它不会访问 href：

var anchors = document.getElementsByTagName("a");
    for (i = 0; i < anchors.length; i++)
        anchors[i].onclick = function(){return false};

Answer 3

文档对象中还有一个链接数组。虽然我从未尝试过，但我相信您也可以设置它们。

for (i=0;i<document.links.length;i+=1) {
  document.links[i]=='#';
}