我如何從用戶內部添加自定義代碼 <head> 標簽

Question

我創建了一個表單生成器，但是，我需要找到一種方法，使該人在發布表單時添加自己的跟蹤代碼，這些跟蹤代碼會包含在代碼中。

<section class="tracking-codes">
    <h2> Please enter all tracking codes in here: </h2>
    <form>
        <input type="text" id="code" placeholder="Facebook Pixel"> </input>
        <button type="button" onclick="codes()"> Add Code </button
    </form>
</section>

這是我的js

function codes ()
{
    var trackingCode = document.getElementById('code');
    document.head.appendChild(trackingCode);
    console.log(trackingCode);
}

在這一點上，它確實附加了代碼的ID，但僅附加了<input type="text" id="code" placeholder="Facebook Pixel">而不是用戶輸入，我該怎么做？ 我還嘗試在制作跟蹤代碼.value的末尾使用.value ，但它不起作用。

Answer 1

不應在頂部添加html，而應使用隱藏字段輸入。 像這樣添加：

function codes ()
{
var trackingCode = document.getElementById('code').value;
var element = document.createElement('input');
element.type = 'hidden';
element.id = 'tracking';
document.head.appendChild(element);
console.log(trackingCode);
}

我如何從用戶內部添加自定義代碼 <head> 標簽

問題描述

1 個解決方案

解決方案1
0 2018-09-20 20:55:39

我如何從用戶內部添加自定義代碼 <head> 標簽

問題描述

1 個解決方案

解決方案1 0 2018-09-20 20:55:39

解決方案1
0 2018-09-20 20:55:39