首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在头上添加html

在头上添加html
EN

Stack Overflow用户
提问于 2015-07-10 01:17:19
回答 3查看 1.4K关注 0票数 0

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

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

我相信这是不可能的,但首先,我想问一下 - ,谁知道呢,也许我错了。

EN

回答 3

Stack Overflow用户

发布于 2015-07-10 01:32:25

这有点老生常谈,但你可以使用javascript通过头部将html“插入”或“附加”到网页的正文中。

票数 0
EN

Stack Overflow用户

发布于 2015-07-10 01:32:31

纯JavaScript方式:

代码语言: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);
代码语言:javascript
复制
<body>

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

</body>

快速jQuery方式:

在你的头脑中包含jQuery。在<head><script></script>中包含定制的jQuery代码。

代码语言:javascript
复制
$(document).ready(function() {
  $('.sibling').append('<div class="sibling">Hey! I am here</div>');

  $('.child').wrap('<div class="child">You are not orphan anymore!</div>');
});
代码语言:javascript
复制
<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>

票数 0
EN

Stack Overflow用户

发布于 2015-07-10 01:35:48

如果您只能访问head元素,而不能访问body,那么可以尝试使用Javascript将元素添加到body中。这只有在允许脚本标记的情况下才有效,而且不得不说这并不是一种好的编码方式。但如果这是唯一的办法..。

我的想法(简单一点):包含jQuery并使用append函数将元素添加到正文中。因此:您可以转到jQuery downloads page,下载文件并将其包含在head标记中。现在,您可以访问body标记并插入一些自定义代码,如下所示:

代码语言:javascript
复制
$("body").append('<h1>Hi! I am a headline</h1>');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31324189

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档