一鍵複製js代碼,簡單的代碼複製

本文目錄一覽：

• 1、如何在頁面加載後調用js的代碼自動複製一段文字
• 2、JS代碼一鍵複製 問題請教！
• 3、怎麼把JS代碼放到我的網頁上？
• 4、html 多選框 如何用js 控制全選 並且一鍵複製選中的多項值到剪貼板
• 5、js複製問題

如何在頁面加載後調用js的代碼自動複製一段文字

1、首先建立一個父級頁面parent.html,代碼如圖，一個pop函數方法，一個鏈接到child.html的iframe標籤。

2、再新建一個child.html頁面，如圖，展示一個id=link的div標籤，和link的點擊事件，因為是調用父級方法，所以需要用到window.parent.pop()方法。

3、預覽頁面，可明顯看到parent.html裡面的iframe框架，指向的就是child子頁面。

4、點擊頁面中“調用父級pop方法”的文字鏈，會提示錯誤，這是因為沒配置好域名等相關設置。

5、打開iis，右鍵iframe文件夾——“管理文件夾”——“瀏覽”；即可打開本地測試地址；（如小夥伴沒配置iis，需要先配置iis建立站點）。

6、再次點擊“調用父級pop方法”的文字鏈，即可成功彈出提示。

JS代碼一鍵複製 問題請教！

input type=”button” style=”border:none; background-color:#38f; color:#fff; padding:2px 6px” onClick=”copyUrl2()” value=”點擊複製” /

怎麼把JS代碼放到我的網頁上？

你說的將JS代碼放在HTML的任意位置我想這就不必多說了，任意位置顧名思義是把！

但是官方和大部分程序員的習慣是將JS代碼放在Head標籤之間。即Head之間/Head

如果是斷章取義的一段JS代碼，那麼直接粘貼到Title/TItle標籤下就行了，如果是單獨的JS文件，那麼你必須在TItle/Title標籤下加：script type=”text/javascript” src=”你的JS文件的相對路徑（包括文件名和擴展名）”/script就行了。

舉個例子：您的JS文件名叫：“1.js”，那麼就可以這麼寫：

html

head

title 你網頁的標題 /title

script type=”text/javascript” src=”1.js”/script

/head

body

//你網頁上的內容

/body

/html

如果你是一段代碼呢，那麼可以這麼寫：

html

head

title 你網頁上的標題 /title

script type=”text/javascript”

//你的javascript代碼

/script

/head

body

//你網頁上的內容

/body

/html

html 多選框 如何用js 控制全選 並且一鍵複製選中的多項值到剪貼板

控制全選很好辦，但是複製到剪切板就不好辦了，我嘗試了window.clipboardData.setData()方法和 zeroClipboard 庫都沒用，Chrome、ie11、edge 瀏覽器都不支持這個幾個對象

js複製問題

id 改成動態的，複製的時候傳進去就行了

function copywx(id){

    const range = document.createRange();

    range.selectNode(document.getElementById(id));

    const selection = window.getSelection();

    if(selection.rangeCount  0) selection.removeAllRanges();

    selection.addRange(range);

    document.execCommand(‘copy’);

    alert(“複製成功！”);

}