html跳转代码

html跳转代码,第1张

这个就是了,测试了好多种的,这个是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(){
timeinnerHTML= t +"秒后跳转"+s;
t--;
s+='';
if (t==0) {
locationhref=">

代码如下:

<html>
 <head>
  <title> page A </title>
  <script type="text/javascript">
function delyLoad(){
setTimeout(function(){
 windowlocationhref='bhtml';
},5000)
}
  </script>
 </head>
 <body onload="delyLoad()">
<h1>A</h1>
 </body>
</html>

首先做一个计时器,记时5秒。5秒后将location的链接转为bhtml。如果bhtml与a不在同一个页面下,最好写绝对路径

按钮标签本身并不能添加超链接

所以我们需要给按钮标签外围加上一个a标签

如果需要跳转到别的网站地址,可以直接填入需要跳转的地址即可

<a href=">

需要跳转到站内链接可以用下面这段代码

<a href="css/csscss"><button >点击跳转到百度</button></a>

参考资料:

百度百科

一、常规的JS页面跳转代码
1、在原来的窗体中直接跳转用
<script type="text/javascript">
windowlocationhref="你所要跳转的页面";
</script>
2、在新窗体中打开页面用:
<script type="text/javascript">
windowopen('你所要跳转的页面');
</script>
3、JS页面跳转参数的注解
<SCRIPT LANGUAGE="javascript">
<!--
windowopen ('pagehtml', '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脚本开始;
windowopen d出新窗口的命令;
'pagehtml' d出窗口的文件名;
'newwindow' d出窗口的名字(不是文件名),非必须,可用空'代替;
height=100 窗口高度;
width=500 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值。
二、跳转指定页面的JS代码
第1种:
<script language="javascript" type="text/javascript">
windowlocationhref="loginjspbackurl="+windowlocationhref;
</script>
第2种:
<script language="javascript">
alert("返回");
windowhistoryback(-1);
</script>
第3种:
<script language="javascript">
windownavigate("topjsp");
</script>
第4种:
<script language="JavaScript">
selflocation=’tophtm’;
</script>
第5种:
<script language="javascript">
alert("非法访问!");
toplocation=’xxjsp’;
</script>
三、页面停留指定时间再跳转(如3秒)
<script type="text/javascript">
function jumurl(){
windowlocationhref = '>你看看我一直在用的代码
<html>
<head>
<meta >

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12967929.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存