链接到网页的特定部分

Question

如何创建一个链接到另一个网站上我不控制的长网页的一部分？

我想你可以在我的链路的末端使用#partofpage的变体。有什么建议么？

Answer 1

只需追加一个#后跟<a>标记（或其他HTML标记，例如<section>）的标识即可。例如，如果你想在这个HTML链接到标题：

<p>This is some content.</p> 
<h2><a id="target">Some Header</a></h2> 
<p>This is some more content.</p> 

你可以使用链接<a href="http://url.to.site/index.html#target">Link</a>。

Answer 2

创建使用以下格式的“跳链接”：

http://www.somesite.com/somepage#anchor 

锚在哪里就是你要链接到页面上的元素的ID。使用浏览器开发工具/查看源查找您希望链接到的元素的ID。

如果元素可是没有一个id，你不控制该网站，那么你不能做到这一点。

Answer 3

也就是说，如果该网站已宣布在页面锚才是可能的。 这是通过给一个标签name or id attribute完成的，所以寻找任何接近你想链接到的地方。

然后语法将

<a href="page.html#anchor">text</a> 

Answer 4

如果目标页面是在同一个域（即股份同一产地与你的页面），你不介意的新标签创建（ 1），你可以（AB）使用一些的JavaScript：

<a href="javascript:void(window.open('./target.html').onload=function(){this.document.querySelector('p:nth-child(10)').scrollIntoView()})">see tenth paragraph on another page</a>

花絮：

012的

var w = window.open('some URL of the same origin'); 
w.onload = function(){ 
    // do whatever you want with `this.document`, like 
    this.document.querySelecotor('footer').scrollIntoView() 
} 

工作实例，例如“利用”，你可以尝试，现在可能是：

javascript:(function(url,sel,w,el){w=window.open(url);w.addEventListener('load',function(){w.setTimeout(function(){el=w.document.querySelector(sel);el.scrollIntoView();el.style.backgroundColor='red'},1000)})})('https://stackoverflow.com/questions/45014240/link-to-a-specific-spot-on-a-page-i-cant-edit','footer')

如果你进入到地址栏这个（记住，从剪贴板粘贴在Chrome中删除javascript:前缀）或使它是一个href这个页面上的任何链接的价值（使用开发工具）并点击它，你会得到另一个（重复）SO问题页面滚动到页脚和页脚涂成红色。 （延迟添加为AJAX负载的内容加载后推页脚下来一种解决方法。）

注

• 在当前铬和Firefox测试，因为它是基于定义的标准行为通常应该工作。
• 在SO中无法在交互式片段中进行说明，因为它们与页面原始位置隔离。
• MDN: Window.open()
• （1）window.open(url,'_self')似乎正在打破load事件;基本上使得window.open表现得像一个正常的a href=""点击导航;还没有研究更多。

Answer 5

您可以使用Citebite链接到的网页的特定位置，即使它没有在这个位置使用的ID。