Heim > Web-Frontend > js-Tutorial > So springen Sie über das Eingabeaufforderungsfeld in JavaScript_javascript skills zur Seite

So springen Sie über das Eingabeaufforderungsfeld in JavaScript_javascript skills zur Seite

WBOY
Freigeben: 2016-05-16 15:15:43
Original
959 Leute haben es durchsucht

Der spezifische Code zum Springen zur Seite über das Eingabeaufforderungsfeld lautet wie folgt:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-">
<title>Document</title>
</head>
<body>
<script>
window.onload = function(){ //设置当页面加载时执行
var btn =document.getElementsByTagName("button")[] //获取btn元素
btn.onclick = function(){ //给button加上一个点击事件
var answer = confirm("是否想游览ziksang博客园") //把确认框赋值给answer
if(answer) //判断是否点击确定
window.location ="http://www.cnblogs.com/Ziksang/" //确定的话游览器自身跳转
}
}
</script>
<button>点击跳转</button>
</body>
</html>
Nach dem Login kopieren

Im Folgenden werden Ihnen einige gängige js-Methoden zum Implementieren von Seitensprüngen vorgestellt

Erster Typ:

<script language="javascript" type="text/javascript">
window.location.href="login.jsp&#63;backurl="+window.location.href; 
</script>
Nach dem Login kopieren

Zweiter Typ:

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
Nach dem Login kopieren

Dritter Typ:

<script language="javascript">
window.navigate("top.jsp");
</script>
Nach dem Login kopieren

Der vierte Typ:

<script language="JavaScript">
self.location='top.htm';
</script>
Nach dem Login kopieren

Der fünfte Typ:

<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
</script>
Nach dem Login kopieren

Dann stelle ich Ihnen verschiedene Möglichkeiten vor, Popup-Fenster in js zu verwenden, um Seitensprünge zu erreichen

——————————————————————————————————

Der erste Typ: Öffnen Sie das Auswahlfeld, um zu anderen Seiten zu springen

<script language="javascript"> 
<!-- 
function logout(){ 
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ 
window.location.href="/logout.asp&#63;act=logout" 
} 
} 
--> 
</script> 
<input type="button" onclick="logout()" value="注销"/>
Nach dem Login kopieren

Zweiter Typ: Popup-Eingabeaufforderungsfeld zum Springen zu anderen Seiten

<script language="javascript"> 
<!-- 
function logout(){ 
alert("你确定要注销身份吗?"); 
window.location.href="/logout.asp&#63;act=logout" 
} 
--> 
</script>
<input type="button" onclick="logout()" value="注销"/>
Nach dem Login kopieren

Die Seite springt automatisch zu anderen Seiten
——————————————————————————————————

Fügen Sie einfach eine Codezeile zur Seite hinzu

<meta http-equiv="Refresh" content="5; url=http://www.codepub.com" />
Nach dem Login kopieren

Unter diesen bedeutet die 5 in content="5; url=http://www.codepub.com" einen Sprung nach 5 Sekunden und kann direkt auf 0 gesetzt werden

Dieser Code wird hauptsächlich für Seitensprünge verwendet, wenn sich Benutzer anmelden

Put onClick="windows.open("Submit.html")"

wurde in

geändert
onClick="window.location.reload('Submit.html');"
window.open('Submit.html')
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage