[JavaScript]:document.body.appendChild()的运用

将后端传递过来的数据下载保存到.json文件中

---

通过操作a标签，使用它的href、download属性，配置下载链接的地址。

let data = res.data
let dataStr = JSON.stringify(data)
//encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
let uri = 'data:text/csv;charaset=utf-8,\ufeff' + encodeURIComponent(dataStr)
let link = document.createElement('a')

link.href = uri
link.download = 'data.json' //下载链接地址

document.body.appendChild(link)
link.click()
document.body.removeChild(link)

使用input框，复制文本到剪切板

---

const el = document.createElement('input')
el.setAttribute('value', link) // 给input元素赋值需要复制的文本
document.body.appendChild()
el.select() // 选中input中的文本
document.execCommand('copy') // 复制内容到剪贴板
document.body.removeChild()