<!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> <title>登陆页面</title> <script type="text/javascript"> function OpenWindow() { window.location.href = "Frame/Login.htm"; //要跳转到的页面的路径 } </script> </head> <body > //页面加载时 调用该方法 实现页面跳转 </body> </html>
以上是用js实现页面跳转的全部代码
用纯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> <title></title> <meta http-equiv="refresh" content="0;url=Frame/Login.htm"/> //<meta>标签设置 自动跳转的时间和跳转到的页面地址 </head> <body> </body> </html>
html中的<meta>标签中的属性 http-equiv属性中的refresh不仅能够完成页面自身的自动刷新,也可以实现页面之间的跳转过程。
<meta http-equiv="refresh" content="跳转时间;url=跳转到的地址"/>
refresh表示网页的刷新,在content中设置刷新的时间和刷新后的链接地址,时间和链接地址之间用分号相隔。时间单位位秒。
本人原创,技术有限,如有错误,欢迎补充指正。
js实现页面跳转,纯html实现网页定时跳转
时间: 2024-10-23 18:00:36