编写一个可以复制搜索结果链接的代码
时间: 2023-06-09 16:04:07 浏览: 152
可以使用JavaScript编写以下代码以实现复制搜索结果链接的功能:
```javascript
function copyLink() {
// 获取搜索结果链接
var link = document.querySelector('.search-result-link').href;
// 创建一个临时input元素
var tempInput = document.createElement("input");
// 设置该元素的value属性为搜索结果链接
tempInput.setAttribute("value", link);
// 将临时input元素添加到DOM中
document.body.appendChild(tempInput);
// 选择临时input元素的value
tempInput.select();
// 复制临时input元素的value
document.execCommand("copy");
// 从DOM中移除临时input元素
document.body.removeChild(tempInput);
// 提示复制成功
alert("链接已成功复制到剪贴板!");
}
```
当用户点击一个按钮时,可以调用`copyLink()`函数来执行上述操作:
```html
<button onclick="copyLink()">复制链接</button>
```
注意,上述代码中的`.search-result-link`是一个CSS选择器,用于获取搜索结果链接的DOM元素。如果你的搜索结果链接具有不同的CSS类或ID,请相应地更改此选择器。
阅读全文