Question

我正在从Sharetribe“开发”一个网站（这是一个创建市场的网站）。 Sharetribe限制了开发者的“自由”。我们可以向网站的<head>添加任何内容。所以在<head>我可以更改网站的CSS，这很棒，因为我可以改变网站的外观。

我想要做的是添加HTML标签，例如按钮，div等。如果我能做到这一点，那就太棒了。

我相信这不可能做到，但首先，我想提问 - 谁知道，也许我错了。

Answer 1

有点hacky，但你可以使用javascript通过头部“插入”或“追加”html到网页正文。

Answer 2

纯JavaScript方式：

var sibling = document.querySelector('.sibling');
var newSibling = document.createElement('div');

newSibling.className = 'sibling';

newSibling.innerHTML = 'Appended before the below div';

document.body.insertBefore(newSibling, sibling);

<body>

  <!-- Already Existing HTML -->
  <div class="sibling">I wish I had a sibling</div>

</body>

快速jQuery方式：

在您的头脑中加入jQuery。在<script></script>内的<head>内包含自定义jQuery代码。

$(document).ready(function() {
  $('.sibling').append('<div class="sibling">Hey! I am here</div>');

  $('.child').wrap('<div class="child">You are not orphan anymore!</div>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>

  <!-- Already Existing HTML -->
  <div class="child">I wish I had a parent</div>

  <div class="sibling">I wish I had a sibling</div>

</body>

Answer 3

如果您只能访问head元素，而不能访问body，那么您可以尝试使用Javascript将元素添加到正文中。这仅适用于允许脚本标记的情况，并且必须说它不是一种好的编码方式。但如果这是唯一的方式......

我的想法（使其更容易）：包含jQuery并使用append函数向主体添加元素。所以：你转到jQuery downloads page，下载文件并将其包含在head标签中。现在，您可以访问body标签并插入一些自定义代码，如下所示：

$("body").append('<h1>Hi! I am a headline</h1>');

在头上添加html

3 个答案: