js錨點平滑跳轉

㈠ js 跳轉方法

1、跳轉鏈接 在當前窗口打開

window.location.href=" http://www..com "
等價於 <a href=".com" target="_self">go </a>

2、跳轉鏈接 在新窗口打開
window.open(" http://www..com ")
等價於 <a href=".com" target="_blank">go </a>

3、跳轉鏈接 返回上一頁
window.history.back(-1);

4、跳轉鏈接
self.location.href=".com"

self 指代當前窗口對象，屬於window 最上層的對象。

location.href 指的是某window對象的url的地址

self.location.href 指當前窗口的url地址，
去掉self默認為當前窗口的url地址，一般用於防止外部的引用

top.location.href:為引用test.html頁面url的父窗口對象的url

如果你的網頁地址是:[ http://www.a.com ，]別人的是[ http://www.b.com] ,
他在他的頁面用iframe等框架引用你的[ http://www.a.com] ，那麼你可以用:

if``(top.location.href!=self.location.href){

location.href=``"http://www.a.com"``;

}

來轉向你的頁面,top指代的是主體窗口,這里top.location.href返回[ http://www.b.com]

㈡ JS實現頁面跳轉的幾種方式

1、直接跳轉加參數

<scriptlanguage="javascript"type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
//或者
window.location.href='http://www..com';
</script>

2、返回上一次預覽界面

<scriptlanguage="javascript">
alert("返回");
window.history.back(-1);

//標簽嵌套：
<ahref="javascript:history.go(-1)">返回上一步</a>
<ahref="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
</script>

3、指定跳轉頁面 對框架無效

<scriptlanguage="javascript">
window.navigate("top.jsp");
</script>

4、指定自身跳轉頁面對框架無效

<scriptlanguage="JavaScript">
self.location='top.htm';
</script>

5、指定自身跳轉頁面 對框架有效

<scriptlanguage="javascript">
alert("非法訪問！");
top.location='xx.aspx';
</script>

6、按鈕式 在button按鈕添加 事件跳轉

<inputname="pclog"type="button"value="GO"onClick="location.href='login.aspx'">

7、在新窗口打開

<ahref="javascript:"onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">開新窗口</a>

㈢ JQuery 實現在同一頁面錨點鏈接之間的平滑滾動

web開發前端一直用JQuery
，真正接觸了才體會到，JQuery
原來比我想像的要強大的多，也可能比我體會到的還要強大的多，特別是兼容性那個好，於是把一些好玩的，酷炫的，可以代替
JS
的，統統給用上了。
從
JQuery
引入今天的正題，用
JQuery
實現錨點鏈接之間的平滑滾動。以前介紹過一個用
JS
實現的頁面錨點跳轉緩沖特效，效果相當不錯，可以在同一頁面的錨點鏈接之間實現平滑的滾動，但是
JS
代碼相對來說比較冗長，現在好了，只要已經載入了
JQuery，我們就可以用較為簡短的代碼實現相同的效果。
使用方法如下：
1、載入
JQuery
庫；
2、關鍵代碼：
$(document).ready(function()
{
$('a[href*=#]').click(function()
{
if
(location.pathname.replace(/^\//,
'')
==
this.pathname.replace(/^\//,
'')
&&
location.hostname
==
this.hostname)
{
var
$target
=
$(this.hash);
$target
=
$target.length
&&
$target
||
$('[name='
+
this.hash.slice(1)
+
']');
if
($target.length)
{
var
targetOffset
=
$target.offset().top;
$('html,body').animate({
scrollTop:
targetOffset
},
1000);
return
false;
}
}
});
});
還是再要強調一下載入的順序，先引用JQuery
類庫。順便說一下，經測試，該滾動效果在各瀏覽器下都兼容適用，唯有在
Opera
下表現有點怪異，還有待改進。

㈣ js 定位到某個錨點的方法

html頁面內可以設置錨點，錨點定義
Html代碼
<a
name="firstAnchor">&nsbp;</a>
錨點使用
Html代碼
<a
href="#firstAnchor">跳至第一個錨點</a>
但對於js呢，在js中如何在完成一個操作後跳至頁面的某個固定錨點呢
js中location.href可以跳轉至某個url；
跳至（定位到）某個固定錨點的辦法
1、location.href
=
"#firstAnchor";
//
firstAnchor為錨點名稱
2、window.location.hash
=
"#firstAnchor";
//
firstAnchor為錨點名稱
經測試：hash只會在跳轉到此頁面的第一次起作用，再次刷新此頁面將不起作用，而href始終起作用
以上這篇js
定位到某個錨點的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

㈤ 錨點有什麼用

問題一：錨點是什麼意思？ 創建錨鏈接
錨就是在文檔中設置位置標記，並給該位置一個名稱，以便引用。通過創建錨點，可以使鏈接指向當前文檔或不同文檔中的指定位置。錨點常常被用來跳轉到特定的主題或文檔的頂部，使訪問者能夠快速瀏覽到選定的位置，加快信息檢索速度。
1、設置錨點
把游標置於文檔窗口想要設置錨點的地方，點擊插入面板中」常用」／」常用錨記」。在彈出的對話框中起一個錨名字。
2、創建錨點鏈接 選擇要建立鏈接的文本或圖像，在屬性面板的鏈接中輸入一個#號和錨點名。例如：#aa。 要鏈向不同頁面中的錨點，則點擊鏈接邊的文件夾小圖標，在打開對話框中選擇要鏈接的文件，按確定鍵後在屬性面板的鏈接欄中會顯示鏈接的文件地址，在地址後面緊跟著輸入＃號和錨名字

問題二：什麼是錨點鏈接、錨點鏈接的作用 錨點鏈接就是 比如你現在在頁面的最礎端吧 然後比如有個錨點鏈接是鏈接到這個頁面最下面的 你點一下就到最下面了 就是點到指定的位置

問題三：html網頁中錨點是什麼，如何使用錨點 錨點是什麼？
錨點也可以理解成為一種超級鏈接，只不過它是網頁內部的超級鏈接（注意不是網站內部）。
比如我們有一個網頁很長很長，而且裡面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者點擊相應的錨點，到達本頁內相應的位置，而不必在一個很長的網頁里自行尋找。
錨點的使用。
錨點從代碼上看，仍然是超級鏈接的一種應用。
這樣的一個無內容的標簽，便是一個錨點了，我們可以把它放在網頁中與之間的任意位置。當然，究竟放在哪個位置，就要看我們的實際需要了。
下面舉一個例子：

錨點示例

網頁第一部分
網頁第二部分

1返回頂部

2>

問題四：html網頁中錨點是什麼，如何使用錨點 錨點就是在某個標簽留下一個ID的值，然後在其他地方就可以通過該Id的值取到該標簽，通過錨點，可以快速的找到該標簽

問題五：HTML代碼中什麼是錨點？怎麼設置錨點？ 例如我們在做一個很長的網頁時，需要在頁面內做一個導航，點擊導航里罰鏈接不是新開一個窗口或者跳轉到其他網址，而是跳轉到當前頁的某一個位置。那麼所要跳轉到的那個位置，我們就叫做錨點，它是一種在頁面內部定位的方式。
設置錨點也是很簡單的，例如一個文章分了三段，每段有個標題，標題的代碼是這樣的
我是標題一]@]@]
@ 我是標題二]@]@]
@ 我是標題三]@]@]
@如果我想要在頁面內設置錨點，做一個索引，點擊相應的索引標題就跳轉到相應的段落，那麼就只要在標題所在的html標簽裡面設置一個ID，然後鏈接過去即可，可以像下面這樣設置ID：
我是標題一]@]@]
@我是標題二]@]@]
@我是標題三]@]@]
@然後在索引裡面這樣設置超鏈接就可以實現和錨點的連接了
點擊我就會跳到第一段
點擊我就會跳到第二段
點擊我就會跳到第三段
這樣你應該就可以理解了吧~~~

問題六：html5里命名錨點有什麼作用？ 檔瀏覽頁面的時候，拉動滾動條到底部，這時若想返回頂部（上面），正好底部有個錨點。這時侯點擊錨點就直接到了頂部（上面），這個過程是不需要再出拉動滾動條，html5配合js/或者jq過程就會產生平滑的效果，而不是直接跳到上面。

問題七：轉換錨點工具有什麼用 當想把紅圈這個錨點變成尖角的時候就需要轉點工具。

問題八：JS 的錨點（anchor）有什麼用？ 相當於游標定位到哪裡
就是滑鼠放到文本框里 一閃一閃的那個東西

問題九：html中錨點怎麼用啊，我怎麼看不明白啊。 給你寫個簡單的例子：
以下是標題部分：
第一章
第二章
第三章
以下是內容部分
這是第一章的內容
這是第二章的內容
這是第三章的內容
當然，你中間要留出足夠的空間，要不然出不來效果

問題十：AE中，錨點是什麼？作用是什麼？ 這個是中心點，用於控制圖像或者是視頻的動作中心位置！

㈥ js如何實現進入頁面後自動跳轉到錨點

<div id="RightCont" class="RightCont">

<!--這里是數據,數據遍歷結束跳轉到錨點-->
<div id="htmlBottom"><!-- 錨點. --></div>
</div>
// 頁面加版載完成後跳權轉到錨點
function returnAnchor() {
var div= document.getElementById('RightCont');
div.scrollTop = div.scrollHeight;
}

㈦ 如何用js實現進入頁面後自動跳轉到錨點

加入錨點啊這是在設計網站時經常遇到的情況,你想鏈接到某個頁面的特定部分,可是使用者正在閱讀的可能是在另外的一個頁面,方法：在連接a的href指定， # + 錨點名字，如oranges：About Oranges在需要跳轉到的目標位置加入錨點

㈧ jquery滾動錨點 需要引用哪些js

可以不用引用外部的js，jQuery就能實現

定義好指定的anchor錨點，調用下面的js代碼可以讓頁面平滑的滾動到指定的位置，非常實用，比如返回頁面頂部，去往頁面底部等功能

// HTML:
// <h1 id="anchor">Lorem Ipsum</h1>
// <p><a href="#anchor" class="topLink">Back to Top</a></p>
$(document).ready(function() {
$("a.topLink").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top + "px"
}, {
ration: 500,
easing: "swing"
});
return false;
});
});

希望本文所述對大家的jQuery程序設計有所幫助。

㈨ 如何用js添加點擊事件，點擊後跳轉到指定動態頁面

要實現從一個頁面A跳到另一個頁面B，js實現就在A的js代碼加跳轉代碼

JS跳轉大概有以版下幾種方式權：
第一種：(跳轉到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html";
</script>
第二種：（返回上一頁面）
<script language="javascript">
window.history.back(-1);
</script>
第三種：
<script language="javascript">
window.navigate("b.html");
</script>
第四種：
<script language="JavaScript">
self.location=』b.html』;
</script>
第五種：
<script language="javascript">
top.location=』b.html』;
</script>
希望能棒到你。

㈩ js跳轉頁面幾種方法總結

js為我們提供了大量的跳轉頁面的命令了 下面我來給大家總結一些常用的js跳轉頁面方法 希望各位同學有所幫助

第一種

代碼如下

window location ;

第二種 跳到前一個歷史記錄

代碼如下

window history back( );

第三種

代碼如下

window navigate(「

第四種

代碼如下

self location=』

第五種

代碼如下

top location=』

第六種

代碼如下

window open(pageURL name parameters)

window open("alwaysraised " "_blank" "alwaysRaised");

第七種

代碼如下