html - 从 URL(网页)中排除一部分

Question

我正在尝试共享一个 URL，但不包括网页顶部的一部分。在我的 URL 顶部(我没有更改它的权限)我有一个我不想共享的 div。我想在共享链接之前排除此内容。

为了实现这一点，我找到了一种创建嵌入式链接的方法，我可以使用“边距”方法将页面的某些部分排除在外，并将其设置为负值。

例如在 HTML 中我有这样的代码:

<div class="yolo " style="border: 3px solid #c90001; overflow: hidden; margin: 15px auto; max-width: 736px;"><iframe src="http://apolosiskos.co.uk" width="300" height="150"></iframe></div>

然后是 CSS 中的这一部分:

iframe
{
margin-top:-20px;
}

这行得通，但我想知道是否有一种方法可以直接共享一个 URL，同时排除其中的一部分。因此，我希望有一种方法可以共享任何链接并在 URL 中包含一些内容以排除其中的一部分，而不是必须在我的网站上创建 iframe 并共享它。

这个想法类似于某些网站中的图像 URL。例如这个: ONE

可以显示为:

TWO

A) 有没有一种方法可以通过更改/更改 URL 来实现我想要实现的目标？

B) 是否有任何其他方式可以通过排除或包含特定内容来共享网页，而不必在新页面中创建 iframe？

iframe
{
margin-top:-50px;
}

<div class="yolo " style="border: 3px solid #c90001; overflow: hidden; margin: 15px auto; max-width: 736px;"><iframe src="http://apolosiskos.co.uk" width="300" height="150"></iframe></div>

Answer 1

没有编辑页面的权限，您的操作将受到限制。

以下是一些技术解决方案，但我会尝试与页面所有者讨论如何执行此操作。像 2 或 3 中的 Hacky 解决方案很容易被破坏，因为如果第三方站点发生变化，您的代码可能会被破坏。

1. 如果您有权编辑页面(或可能影响页面的开发)，您可以输入一个查询字符串值(url 中的参数)并根据此值以不同方式呈现页面。

2. 如果您在同一个域中，或者页面所有者愿意允许跨域访问，您可以在“代理”页面上使用 javascript 使用 ajax 请求整个外部页面，然后去掉某些部分并将精简后的数据呈现给您的用户。

3. 另一种选择是创建一个页面来代理内容(就像在选项 2 中一样)，但是使用 php、asp 等在服务器端执行此操作。这将允许您请求第三方站点内容通过服务器端请求(并相应地剥离它)。由于这不是由 javascript 完成的，因此您不会遇到跨源问题。