① html點擊一個按鈕,跳轉到當前頁面的另一個指定位置!這樣的代碼怎麼寫
建設網站時,經常會遇到需要跳轉頁面的情況,例如我們的網站分中英文版本,網站程序索引頁不是直接放在根目錄下,而是分別放在「en」和「cn「目錄中區分中英版本。
打開網站時,想直接跳轉到en目錄訪問英文版,則需要使用跳轉代碼跳轉後方可以訪問。通過html代碼跳轉頁面的詳細步驟:
1、打開Dreamweaver,新建html頁面;
② 頁面直接跳轉代碼
跳轉代碼有很多啊,他可能只是放在網站的一個文件夾下面的,所以你輸入網站的時候是不會跳轉的,
稍微改了下,不知道符不符合你的要求,顏色可自擬
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>5秒後跳轉到另一個頁面</title>
</head>
<script>
var t = 5;
var s = '.';
timeID=setInterval("countDown()",1000);
function countDown(){
time.innerHTML= t +"秒後跳轉"+s;
t--;
s+='.';
if (t==0) {
location.href="http://www.tc345.cn/"; //【要跳轉的網站】
clearInterval(timeID);
}
}
</script>
<body>
<div><font ID="time" face="impact" color="#272822" size="7">即將跳轉</font>
</div>
</body>
</html>
比如把這段代碼放到一個文件夾下面,把文件夾命名為數字或者字母,然後放在網站更目錄下就可以啦,很簡單的。
③ 網頁自動跳轉代碼
這個是5秒之後跳轉的代碼,時間可以自己改
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>5秒後跳轉到內另一個頁面</title>
</head>
<script>
var t = 5;
var s = '.';
timeID=setInterval("countDown()",1000);
function countDown(){
time.innerHTML= t +"秒後跳轉"+s;
t--;
s+='.';
if (t==0) {
location.href="http://www.51zuoyi.com/"; //【這邊是要容跳轉的目標地址】
clearInterval(timeID);
}
}
</script>
<body>
<div><font ID="time" face="impact" color="#272822" size="7">即將跳轉</font>
</div>
</body>
</html>
直接修改為自己想要的跳轉地址就可以了
④ 總結PHP中幾種常用的網頁跳轉代碼
網頁跳轉的意思就是指當你在瀏覽器中訪問A頁面時,會自動跳轉到B頁面,往往網頁跳轉用在404頁面中會比較多點。至於怎麼實現網頁跳轉,網上已經提供了很多的方法,有些方法是不可行的,經過測試,葉德華今天就在這里提供PHP中常用的幾種網頁跳轉代碼,其中有些方法並不只是適用於PHP,也可以經過相應的修改應用到其他地方。
工具/原料
php腳本語言、html標簽語言、javascript腳本語言
方法/步驟
1
使用header()函數
在php頁面的最開頭輸入如下代碼:
<?php
?>
那麼,我們命名為1.php,當訪問1.php的時候,就會自動跳轉到www.yedward.net頁面,這里需要強調的是,使用該種方法,必須要將這行代碼寫在最前面,如果不想寫在前面,我會在後面提供另一種方法。
2
使用meta來實現跳轉
在php頁面或者是html頁面的頭部輸入如下代碼:
<meta http-equiv=」refresh」 content=」5;url=www..com」>;
那麼,我們將頁面命名為2.php或3.htm,當訪問2.php或3.htm的時候,就會自動跳轉到www..com這個頁面,注意,content中的數字5的意思是經過多久開始跳轉,這里設置的是5就是說要經過5秒鍾該頁面才會跳轉到目標頁面,建議大家在設置跳轉時間的時候不要超過10秒。
⑤ 怎麼跳轉網頁
問題一:怎麼讓網站跳轉到另一個網站 一般來說,網站的默認歡迎頁面是index名稱的頁面,例如index,index,index.asp,index.jsp等可以試試看在你的根目錄放一個index文件,在下面寫window.location.href= '要跳轉的地址';</script>
問題二:怎麼跳轉網頁 1、首先打開ie瀏覽器。點擊菜單欄上的「工具」按鈕,從彈出的菜單中選擇「Internet選項」;2、從彈出的「備螞明Internet選項」對話框中選擇「安全」選項卡,並在「選擇要查看的區域或更改安全設置」下方的窗口中選中「Internet」,單擊下方的「自定義級別」按鈕;3、在新彈出的對話框中向下滾動找到如圖所示的位置,並按圖示進行選擇。這兩個安全設置分別對應了禁止源網站使用meta refresh和javascript來禁止框架引用並強制跳轉回其網站的功能。保存退出。
問題三:如何跳轉到上一個頁面 要實現從一個頁面A跳到另一個頁面B,js實現就在A的js代碼加跳轉代碼
JS跳轉大概有以下幾種方式:
第一種:(跳轉到b)
window.location.href=b;
第二種:(返回上一頁面)
window.history.back(-1);
第三種:
window.navigate(b);
第四種:
self.location=』b』;
第五種:
top.location=』b』;
問題四:網頁製作中怎麼讓網頁跳轉回到首頁? 10分 meta-refresh可以實現預定時間跳網路
再從網路跳回來的話應該加個定時器還是可以的,貌似需要框架吧~
問題五:如何用jquery實仿告現頁面跳轉 例:;
點擊圖片事件
$(img).click(function(){
點擊圖片後發送跳轉到指定頁面的事件。
window.location.href=輸入另一個頁面的鏈接;
問題六:javascript怎麼跳轉頁面 js實現頁面的跳轉具體有幾種方法,下面列出幾種,供你參考:
1、 window.location.href方式
window.location.href=target.aspx;
2、 window.navigate方式物賣跳轉
window.navigate(target.aspx);
3、window.loction.replace方式實現頁面跳轉,注意跟第一種方式的區別
window.location.replace(target.aspx);
有3個jsp頁面(1.aspx, 2.aspx, 3.aspx),進系統默認的是1.aspx,當我進入2.aspx的時候, 2.aspx裡面用window.location.replace(3.aspx);
與用window.location.href (3.aspx);
從用戶界面來看是沒有什麼區別的,但是當3.aspx頁面有一個返回按鈕,調用window.history.go(-1); wondow.history.back();方法的時候,一點這個返回按鈕就要返回2.aspx頁面的話,區別就出來了,當用 window.location.replace(3.aspx);連到3.aspx頁面的話,3.aspx頁面中的調用 window.history.go(-1);wondow.history.back();方法是不好用的,會返回到1.aspx。
4、self.location方式實現頁面跳轉,和下面的top.location有小小區別
self.location='target.aspx';
5、top.location
top.location='target.aspx';
謝謝!
問題七:製作的網站頁面怎麼跳轉到另一個頁面 新聞 這兩個字的容器前面加上
如下代碼:
新聞
@代表你想要跳轉的頁面名稱。
問題八:html submi按鈕怎樣實現頁面跳轉 ]@]@]
@關鍵加上這一句 onclick=javascript:location.href=''
問題九:用JavaScript怎麼實現頁面跳轉 第一種:
window.location.href=login.jsp?backurl=+window.location.href;
第二種:
alert(返回);
window.history.back(-1);
第三種:
window.navigate(top.jsp);
第四種:
self.location='top';
第五種:
alert(非法訪問!);
top.location='xx.jsp';
問題十:HTML中有一個button,如何讓它點擊後跳轉到指定頁面或動作 在按鈕外面擴一個a標簽就好了
⑥ html+css做一個完整的可以跳轉的網頁
一、常規的JS頁面跳轉代碼
1、在原來的窗體中直接跳轉用
<script type="text/javascript">
window.location.href="你所要跳轉的頁面";
</script>
2、在新窗體中打開頁面用:
<script type="text/javascript">
window.open('你所要跳轉的頁面');
</script>
3、JS頁面跳轉參數的註解
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//寫成一行
-->
</SCRIPT>
參數解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開始;
window.open 彈出新窗口的命令;
'page.html' 彈出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空'代替;
height=100 窗口高度;
width=500 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值。
二、跳轉指定頁面的JS代碼
第1種:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第2種:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第3種:
<script language="javascript">
window.navigate("top.jsp");
</script>
第4種:
<script language="JavaScript">
self.location=』top.htm』;
</script>
第5種:
<script language="javascript">
alert("非法訪問!");
top.location=』xx.jsp』;
</script>
三、頁面停留指定時間再跳轉(如3秒)
<script type="text/javascript">
function jumurl(){
window.location.href = 'http://www.mahaixiang.cn/';
}
setTimeout(jumurl,3000);
</script>
四、根據訪客來源跳轉的JS代碼
1、JS判斷來路代碼
此段代碼主要用於網路谷歌點擊進入跳轉,直接打開網站不跳轉:
<script LANGUAGE="Javascript">
var s=document.referrer
if(s.indexOf("google")>0 || s.indexOf("")>0 || s.indexOf("yahoo")>0 )
location.href="http://www.mahaixiang.cn/";
</script>
2、JS直接跳轉代碼
<script LANGUAGE="Javascript">
location.href="http://www.mahaixiang.cn/";
</script>
3、ASP跳轉代碼判斷來路
<%
if instr(Request.ServerVariables("http_referer"),"www..com")>0 then
response.redirect("http://www.mahaixiang.cn/")
end if
%>
4、ASP直接跳轉的
<%
response.redirect("http://www.mahaixiang.cn/")
%>
五、廣告與網站頁面一起的JS代碼
1、上面是廣告下面是站群的代碼
document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");
2、全部覆蓋的代碼
document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");
3、混淆防止搜索引擎被查的js調用
具體的展示上面是廣告下面是站群的代碼:
var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');");
try{
setInterval(function(){
try{
document.getElementById("div"+"All").style.display="no"+"ne";
}catch(e){}
for(var i=0;i<document.body.children.length;i++){
try{
var tagname = document.body.children[i].tagName;
var myid = document.body.children[i].id;
if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
// if(tagname!="center"){
document.body.children[i].style.display="non"+"e";
//}
}
}catch(e){}
}
},100);
}catch(e){}
六、頁面跳出框架
<script type="text/javascript">
top.location.href='http://www.mahaixiang.cn/';
</script>
七、返回上一頁
<script type="text/javascript">
window.history.back(-1);
</script>
⑦ html網頁跳轉代碼怎麼寫
用<meta>里直接寫刷新語句:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="5;url=網址">
<title>html網頁自動跳轉代碼</title>
</head>
<body>
測試:html網頁自動跳轉代碼<br/>
你可以在這里寫下你想的一切東西!<br />
</body>
</html>
⑧ html網頁跳轉代碼大全
我們編寫HTML頁面的時候,經常需要實現頁面之間的跳轉功能。HTML頁面之間的跳轉包括refresh方式跳轉,location方式跳轉,history方式跳轉。下面我就給大家塌基分別介紹一下這三種跳轉方式。
refresh方式的跳轉直接在head的meta標簽裡面添加就可以了,如下圖所示,通過url設置跳轉路徑
如果refresh中不指定url,則是本頁面刷新,如下圖所示
location方式的跳轉需要在js中進行調用,通過調用它下面的href屬性完成跳轉,如下圖所示
另外還可以用setTimeOut為location跳轉指定一個時間,如下圖所示
history方式的跳轉可以直接在HTML中寫,如下圖桐局所示
同時也可以通過點擊按鈕,在JS中調用history進行跳轉,如下局衫讓圖所示
⑨ 網頁自動跳轉代碼html
<meta http-equiv="Refresh" content="3;URL=1111111.html" />
不會的話就用html語言也可以實現
content屬性設置時間 url是目標頁面。
放在haed中。
可以多個頁面連續跳轉~
頁面首頁代碼:
<meta http-equiv="Refresh" content="3;URL=1111111.html" />
1111111.html頁面的代碼:
<meta http-equiv="Refresh" content="3;URL=2222222.html" />
2222222.htnl頁面的代碼:
<meta http-equiv="Refresh" content="3;URL=3333333.html" />
上面的代碼先從首頁開始3秒後進入1111111.html頁面,再過3秒後進入2222222.html頁面,再過3秒後進入3333333.html頁面。
======================================================
因樓主沒聽懂 我直接發完整代碼吧~
第一個文件 文件名為index.html 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<meta http-equiv="Refresh" content="5;URL=1.html" />
</head>
<body>
<h1>
此頁的文件名為index.html<br />
這是第一個沒面。。。。<br />
5秒後進入第二個頁面。。。<br />
兩個頁面將循環轉向。
</h1>
</body>
</html>
第二個文件 文件名為1.html 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<meta http-equiv="Refresh" content="5;URL=index.html" />
</head>
<body>
<h3>
此頁的文件名為1.html<br />
這是第二個沒面。。。。<br />
5秒後進入第一個頁面。。
</h3>
</body>
</html>
=================完
這里關鍵標簽就是<meta http-equiv="Refresh" content="5;URL=1.html" />
和<meta http-equiv="Refresh" content="5;URL=index.html" />
其他你可以不看~ 這個絕對可以,我已經試了。