Question

我正在尝试使用函数复制一些Javascript代码。其中，它是由HTML代码触发的。

它不起作用，因为script标记中的双引号关闭了onclick属性。

        function copytext(data){
            var tempInput = document.createElement("input");
            tempInput.setAttribute('value',data);
            document.body.append(tempInput);
            tempInput.select();
            document.execCommand("copy");
            tempInput.remove();
        }

<button onclick="copytext('<script  src="https://code.jquery.com/jquery-3.3.1.min.js"></script>');" ></button>

Answer 1

行情未正确转义

function copytext(data){
            console.log(data);
            var tempInput = document.createElement("input");
            tempInput.setAttribute('value',data);
            document.body.append(tempInput);
            tempInput.select();
            document.execCommand("copy");
            tempInput.remove();
        }

 
<button onclick="copytext(`<script  src='https://code.jquery.com/jquery-3.3.1.min.js'></script>`);">

Answer 2

您需要转义报价

<button onclick='copytext("<script src=\"https://code.jquery.com/jquery-3.3.1.min.js\"></script>")'>Copy</button>

或在较新的浏览器中使用模板文字

<button onclick="copytext(`<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>`)">Copy</button>

Answer 3

尝试

function copytext(data) {
  console.log(data);
  var tempInput = document.createElement("input");
  tempInput.setAttribute('value', data);
  document.body.append(tempInput);
  tempInput.select();
  document.execCommand("copy");
  tempInput.remove();
}

<button onclick="copytext(`<script src='https://code.jquery.com/jquery-3.3.1.min.js'></script>`);">aaaa</button>

Answer 4

以下是可能的，但尚未经过测试的解决方案

#< script id="scriptTagId" type=''... #>
document.scripts.namedItem("scriptTagId")

如何将Javascript作为字符串传递以从HTML起作用

4 个答案: