想要javascript on window.onload = init;錨定 「#top返回」

Question

我現在面臨與Java腳本代碼中的問題...

HTML：

<div id="thumbs"> 
    <a href="link1.htm"><img src="images/Button_Watch.png"></a> 
</div> 

的Javascript：

// This function runs when the page loads and adds click events to the links 

function init() { 
    var links = document.getElementById('thumbs').getElementsByTagName('a'); 
    // ... 
} 

// Call our init function when the page loads 

window.onload = init; 

的代碼將採取鏈接點擊div id「thumb」下的按鈕圖像鏈接時顯示「link1.htm」，以顯示服務器外部的動態內容，無需重新加載頁面。內容顯示在（<div id="embed"></div>）。當點擊滾動到錨點#top以指向內容動態變化的部分時（即：在<div id="embed">的位置）

我想要得到我想表達的內容，請幫助我點擊相應的「Button_Watch.png」我

Answer 1

這是一個快速簡單的解決方案。

的Javascript：

function scrollToAnchor (anchor_name) { 
    document.getElementsByName(anchor_name)[0].scrollIntoView(true); 
} 

HTML：

<a name="top"></a> 

<!-- other content --> 

<a href="link1.htm" onclick="scrollToAnchor('top');"> 
    <img src="images/Button_Watch.png"> 
</a>