从URL(网页)中排除部分

时间:2016-09-02 13:21:44

标签: html css

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

为了实现这一目标,我找到了一种创建嵌入式链接的方法,我可以使用“margin”方法排除页面的某些部分,并将其设置为负数。

例如在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中包含一些内容以排除其中的一部分,而不必在我的网站上创建iframe并进行共享。

这个想法类似于某些网站中的图片网址。例如这一个: 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>

1 个答案:

答案 0 :(得分:1)

如果没有编辑页面的权限,您可以做的事情受到限制。

下面是一些技术解决方案,但我会尝试与页面所有者讨论这样做。像2或3中的那些Hacky解决方案很容易破解,因为如果第三方网站发生变化,您的代码可能会中断。

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

  2. 如果您位于同一个域中,或者网页所有者愿意允许跨源访问,则可以在您的代理服务器上使用javascript。使用ajax请求整个外部页面的页面,然后删除某些部分并将精简数据呈现给您的用户。

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