link.setAttribute用法

在JavaScript中，我们可以使用link.setAttribute()方法来为HTML文档中的链接添加属性。该方法需要两个参数：属性名和属性值。以下是使用link.setAttribute()方法的示例代码：

// 获取页面上的链接元素
var link = document.getElementById("myLink");

// 设置链接的href属性
link.setAttribute("href", "https://www.example.com");

// 设置链接的target属性
link.setAttribute("target", "_blank");

此代码会选择一个id为"myLink"的链接元素，并通过setAttribute()方法设置它的href和target属性，将该链接指向了"https://www.example.com"网站，并将其在新窗口中打开。

相关问题

link.setAttribute("download", decodeURI(fileName)); setAttribute报错了 我改怎么替换它

如果 `setAttribute` 报错了，有可能是因为它的第一个参数不是字符串类型，可以尝试将第一个参数的类型转换为字符串类型再进行设置属性。

另外，你可以尝试使用 `link.download` 属性来设置下载文件的文件名，这是 HTML5 中 `<a>` 标签新添加的属性，不需要使用 `setAttribute` 方法了。示例代码如下：

const link = document.createElement("a"); // 创建a标签
link.download = decodeURI(fileName); // 设置下载文件名
link.href = url; // 设置下载链接
link.click(); // 触发下载

这样就可以绕过 `setAttribute` 报错的问题了。

// 导出Excel编辑 handleExportToExcel() { let param = { version: '1681517479352991745', format: 'xlsx' } exportProject(param).then(res => { this.downloadFile(res) this.$message({ message: '操作成功', type: 'success' }); }) }, downloadFile(data) { // const blob = new Blob([data], { type: 'application/octet-stream' }); // const url = window.URL.createObjectURL(blob); // const link = document.createElement('a'); // link.href = url; // link.setAttribute('download', 'filename.xlsx'); // document.body.appendChild(link); // link.click(); // document.body.removeChild(link); const blob = new Blob([data], { type: 'application/octet-stream' }); const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.setAttribute('download', 'filename.xlsx'); link.style.display = 'none'; document.body.appendChild(link); link.click(); // 等待下载完成后，移除创建的链接 setTimeout(() => { document.body.removeChild(link); window.URL.revokeObjectURL(url); }, 1000); },没有弹出保存框

如果在调用 `downloadFile()` 方法时没有弹出保存框，可能是因为浏览器的安全策略阻止了自动下载。为了解决这个问题，您可以尝试以下方法：

1. 添加 `target="_blank"` 属性：在创建 `<a>` 元素时，将 `target` 属性设置为 "_blank"，这将在新的浏览器标签页中打开下载链接。这可能会绕过浏览器的弹出窗口阻止策略。

const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'filename.xlsx');
link.setAttribute('target', '_blank');

2. 手动提示用户保存文件：而不是自动下载文件，您可以改为手动提示用户保存文件。可以使用 `window.open()` 方法来打开下载链接，并在新标签页中显示文件内容。然后，用户可以手动选择保存文件。

const link = document.createElement('a');
link.href = url;
link.style.display = 'none';
document.body.appendChild(link);
window.open(url, '_blank');

这样做将打开一个新的浏览器标签页，并显示文件内容。用户可以手动选择在该标签页上点击保存按钮。

请尝试以上方法，并根据您的实际情况选择适合您的解决方案。希望能帮到您！