gpt4 book ai didi

javascript - 如何允许我的页面的一部分用作其他站点上的 iframe?

转载 作者:可可西里 更新时间:2023-11-01 17:24:49 26 4
gpt4 key购买 nike

如何让我网站的一部分嵌入其他网站?

HTML:

<div id="AllowToBeEmbedded">
<b>Hello there!</b>
</div>

<div class="nonsense">
<b>Leave me out of this</b>
</div>

最佳答案

您可以检查页面是否在 iframe 中呈现,如果是这种情况,请隐藏/删除您不想显示的页面部分。

检查页面是否处于 iframe 模式的典型方法是比较当前的 window反对 window.top引用:

if (window.top !== window) {
// we are within an iframe. hide parts of the page
hideForIframe()
}

function hideForIframe() {
const toHide = document.querySelectorAll('.nonsense')
for (let i = 0; i < toHide.length; i++) {
toHide[i].parentNode.removeChild(toHide[i])
// or hide toHide.style.display = 'none'
}
}

为了避免可能的内容在被删除之前闪烁,使用 CSS 额外隐藏它也是有意义的。为此,我会在页面的最开头(在 <head> 中)使用此帮助程序代码:

<script>
const isInIframe = window.top !== window
if (isInIframe) {
document.documentElement.classList.add('iframe')
}
</script>
<style>
html.iframe .nonsense {
display: none;
}
</style>

关于javascript - 如何允许我的页面的一部分用作其他站点上的 iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48850496/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com