JS怎么直接复制HTML内容

html-css020

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>

将这一段代码保存到一个文件中。 2、注意,您可以任何文本工具创建js文件,不过您在保存的时候,需要将名字后缀名为

.js

。 3、这里将js文件保存为

index.js

。之后如果我们需要使用

index.js

。我们只需要调用即可,不需要再写新的js文件。 4、在html的head部分引入js文件,具体的代码。 5、这个引用是一个双标签,就算没有内容,也得写全。 6、如果您的js是从外面引入,那么您不能在<script></script>中间再写js代码。 7、如果有需要,那么您需要重新声明script标签,在标签内写您的js代码。 8、无论是javascript jquery都是一样的规则,必须在script标签内写代码。引入了js文件后,您可以在需要的地方直接调用即可。