鏈接到網頁的特定部分

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。