亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

用JavaScript實(shí)現(xiàn)頁面重定向功能的教程

 更新時(shí)間:2015年06月04日 11:08:43   投稿:goldensun  
這篇文章主要介紹了用JavaScript實(shí)現(xiàn)頁面重定向功能的教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

 頁面重定向是什么?

當(dāng)你點(diǎn)擊一個(gè)URL來訪問一個(gè)網(wǎng)頁X,但在內(nèi)部你被定向到另一頁Y,僅僅是因?yàn)轫撁嬷囟ㄏ?。這一概念是從不同于JavaScript 頁面刷新 。

可能有各種原因,為什么想從原來的頁面重定向。下面列出的幾個(gè)原因:

  •     如果不喜歡你的域名,可以重定向到一個(gè)新的。同時(shí),要引導(dǎo)所有訪問者到新網(wǎng)站。在這種情況下,可以保持舊的域名,但放在一個(gè)頁面到一個(gè)頁面重定向使所有的舊域名游客可以來到新的域名。
  •     基于瀏覽器的版本,或者名字不同的頁面,也可以根據(jù)不同的國家,而不是用服務(wù)器端網(wǎng)頁重定向,可以使用客戶端頁面重定向到登陸用戶在相應(yīng)的頁面。
  •     搜索引擎可能已經(jīng)收錄新頁面。不過,在移動(dòng)到另一個(gè)域名,那么不喜歡失去訪客通過搜索引擎來了。所以,可以使用客戶端頁面的重定向。但請記住,這不應(yīng)該做的,使搜索引擎傻瓜,否則,這可能讓網(wǎng)站被取締。

頁面重新方向如何工作 ?
示例1:

這使用JavaScript在客戶端頁面的重定向是非常簡單的。網(wǎng)站訪問者重定向到一個(gè)新的頁面,只需要添加在head部分加入一行如下:

<head>
<script type="text/javascript">
<!--
  window.location="http://www.newlocation.com";
//-->
</script>
</head>

示例 2:

可以將其重定向到一個(gè)新的頁面之前顯示相應(yīng)的信息給網(wǎng)站訪客。這將需要一個(gè)位時(shí)間延遲加載新頁。以下是簡單的例子來實(shí)現(xiàn)相同的:

<head>
<script type="text/javascript">
<!--
function Redirect()
{
  window.location="http://www.newlocation.com";
}

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//-->
</script>
</head>

這里的 setTimeout()是一個(gè)內(nèi)置的JavaScript函數(shù),可用于給定的時(shí)間間隔之后執(zhí)行另一個(gè)函數(shù)。
示例3:

以下是例子重定向基于其瀏覽器不同的網(wǎng)頁訪問者:

<head>
<script type="text/javascript">
<!--
var browsername=navigator.appName; 
if( browsername == "Netscape" )
{ 
  window.location="http://www.location.com/ns.html";
}
else if ( browsername =="Microsoft Internet Explorer")
{
  window.location="http://www.location.com/ie.html";
}
else
{
 window.location="http://www.location.com/other.html";
}
//-->
</script>
</head>


相關(guān)文章

  • javascript常用方法匯總

    javascript常用方法匯總

    本文給大家匯總了一些自己整理的在項(xiàng)目中經(jīng)常能夠用到的javascript小方法,基本都是短小精悍型,方便大家快速開發(fā)。
    2014-12-12
  • JavaScript中的pow()方法使用詳解

    JavaScript中的pow()方法使用詳解

    這篇文章主要介紹了JavaScript中的pow()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
    2015-06-06
  • js之onload事件的一點(diǎn)使用心得

    js之onload事件的一點(diǎn)使用心得

    window.load和window.onload的意思并不只是頁面加載完就執(zhí)行,那要看你怎么用了,下面做了示例為大家介紹下,感興趣的朋友可以參考下
    2013-08-08
  • window.close(); 關(guān)閉瀏覽器窗口js代碼的總結(jié)介紹

    window.close(); 關(guān)閉瀏覽器窗口js代碼的總結(jié)介紹

    下面小編就為大家?guī)硪黄獁indow.close(); 關(guān)閉瀏覽器窗口js代碼的總結(jié)介紹。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-07
  • 控制臺報(bào)錯(cuò)object is not a function的解決方法

    控制臺報(bào)錯(cuò)object is not a function的解決方法

    頁面的功能用不了,打開控制臺發(fā)現(xiàn)報(bào)錯(cuò):object is not a function,下面是原因與解決方法,有類似情況的朋友可以看看
    2014-08-08
  • javascript時(shí)間函數(shù)大全

    javascript時(shí)間函數(shù)大全

    這篇文章主要介紹了javascript時(shí)間函數(shù)大全,包含了一些小技巧,重點(diǎn)在Date對象的一些方法介紹,需要的朋友可以參考下
    2014-06-06
  • JavaScript學(xué)習(xí)筆記之內(nèi)置對象

    JavaScript學(xué)習(xí)筆記之內(nèi)置對象

    本文主要介紹了javascript中的內(nèi)置對象,包括圖像對象、導(dǎo)航對象、窗口對象、屏幕對象、事件對象、歷史對象、文件對象(重要)、錨點(diǎn)對象、鏈接對象、框架對象、表單對象(重要)、位置對象,這里簡單做下介紹,后續(xù)在詳細(xì)講解。
    2015-01-01
  • 詳解JavaScript中undefined與null的區(qū)別

    詳解JavaScript中undefined與null的區(qū)別

    大多數(shù)計(jì)算機(jī)語言,有且僅有一個(gè)表示"無"的值,比如,C語言的NULL,Java語言的null,Python語言的none,Ruby語言的nil
    2014-03-03
  • JavaScript中setFullYear()方法的使用詳解

    JavaScript中setFullYear()方法的使用詳解

    這篇文章主要介紹了JavaScript中setFullYear()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
    2015-06-06
  • JavaScript運(yùn)行時(shí)庫屬性一覽表

    JavaScript運(yùn)行時(shí)庫屬性一覽表

    這篇文章主要介紹了JavaScript運(yùn)行時(shí)庫屬性,需要的朋友可以參考下
    2014-03-03

最新評論