js提取指定网站内容(前端的js脚本如何实现复制网页中指定的内容？ )

　　js提取指定网站内容(前端的js脚本如何实现复制网页中指定的内容？

)

　　前端js脚本可以将网页中指定的内容复制到剪贴板，如input中的内容，div元素中的内容等，具体实现方法请参考以下< @文章。

　　JS实现复制div(span)内容到剪贴板的方法

　　先看示例代码：

    飞鸟慕鱼博客-复制DIV元素的内容

我是被复制的内容，可以写入系统的剪切板中！

点击我可以复制上面的内容

//定义一个复制函数

function copyText(text) {

    var tag = document.createElement(&#39;input&#39;);

    tag.setAttribute(&#39;id&#39;, &#39;copy_input&#39;);

    tag.value = text;

    document.getElementsByTagName(&#39;body&#39;)[0].appendChild(tag);

    document.getElementById(&#39;copy_input&#39;).select();

    document.execCommand(&#39;copy&#39;);

    document.getElementById(&#39;copy_input&#39;).remove();

}

//点击按钮进行复制

document.getElementById(&#39;but&#39;).onclick = function () {

    //获取DIV的内容

    var text = document.getElementById(&#39;cent&#39;).innerText;

    copyText(text);

}

　　上面JS复制DIV内容的操作过程只是模拟了用户手动复制输入框内容的操作。实现过程请参考以下分析！

　　分析：

　　1、 复制函数中新建一个输入元素，将要复制的内容写入元素中。

　　2、使用input元素的select()方法选择input中的所有内容！

　　3、复制内容

　　4：移动新创建的输入元素！

　　JS实现自动将输入框内容复制到剪贴板的方法

　　js 自动复制输入框中的内容，只需使用 select() 方法选择输入元素中的内容并复制即可。这个过程非常简单。可以参考下面的示例代码！

　　示例代码：

    飞鸟慕鱼博客-复制DIV元素的内容

点击复制

//复制逻辑

document.getElementById(&#39;but&#39;).onclick = function () {

    //选择input的内容

    document.getElementById(&#39;host&#39;).select();

    //进行copy

    document.execCommand(&#39;copy&#39;);

}