JS怎么直接复制HTML内容

JavaScript08

JS怎么直接复制HTML内容,第1张

使用以下函数将参数txt设置到系统的剪贴板,有些浏览器可能会询问是否执行。获取到要设置的内容后,将文本作为参数传递给下面的函数。

<script type="text/javascript">

function copy_clip(txt) {

        if (window.clipboardData) {

                window.clipboardData.clearData()

                window.clipboardData.setData("Text", txt)

        } else if (navigator.userAgent.indexOf("Opera") != -1) {

                window.location = txt

        } else if (window.netscape) {

                try {

                        netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect")

                } catch (e) {

                        alert("请在firefox浏览器地址栏里输入'about:config'然后找到'signed.applets.codebase_principal_support'设置为true'")

                        return false

                }

                var clip = Components.classes["@mozilla.org/widget/clipboard1"].createInstance(Components.interfaces.nsIClipboard)

                if (!clip)

                        return

                var trans = Components.classes["@mozilla.org/widget/transferable1"].createInstance(Components.interfaces.nsITransferable)

                if (!trans)

                        return

                trans.addDataFlavor('text/unicode')

                var str = new Object()

                var len = new Object()

                var str = Components.classes["@mozilla.org/supports-string1"].createInstance(Components.interfaces.nsISupportsString)

                var copytext = txt

                str.data = copytext

                trans.setTransferData("text/unicode", str, copytext.length * 2)

                var clipid = Components.interfaces.nsIClipboard

                if (!clip)

                        return false

                clip.setData(trans, null, clipid.kGlobalClipboard)

        }

}

</script>

给按钮添加一个单击属性 <button onclick="copy">点我复制P 里面的内容</button>

比如要复制的是p标签的文字 <p id="p">123</p>           <p id="p2">456</p>

<!DOCTYPE html>

<html>

<head>

    <title>复制内容</title>

    <script>

        function copy(){

            var a = document.getElementById("p").innerText//获取P字段里面的内容。

            document.getElementById("p2").innerText = a  //把p字段里的内容赋予到id为P2的标签里

        }

    </script>

</head>

<body>

    <button onclick="copy()">点我复制P 里面的内容</button>

    <p id="p">123</p>           <p id="p2">456</p>

</body>

</html>