HTML+JS中网页跳转的写法

发布于 2020-04-07  546 次阅读


1.html中使用meta中跳转,通过meta可以设置跳转时间和页面

        <head>
            <!--只是刷新不跳转到其他页面 -->
            <meta http-equiv="refresh" content="5">
            <!--定时转到其他页面 -->
            <meta http-equiv="refresh" content="5;url=index.html"> 
        </head>

2.跳转上一页的方式

window.history.go(-1);或者window.history.back(-1);

        <script type="text/javascript">
            var wrong = document.getElementById('btn');
            wrong.onclick = function() { 
            window.history.go(-1);//返回上一页
            window.history.back(-1);//返回上一页
            }
        </script>

在html中写

        <a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
        <a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

3.在Js中网页跳转的写法

a.window.location.href

         //在原有窗口打开
        window.location.href="http://www.baidu.com"; 
        // 定时跳转 
        setTimeout("javascript:location.href='index.html'", 5000);        
        // 直接跳转加参数
        window.location.href="login.jsp?backurl="+window.location.href; 

b.window.navigate方式跳转(只适合IE)

        window.navigate("http://jiuaibuni.top");

c.window.open  打开新的窗口

        window.open(URL,name,specs,replace)

URL

可选。打开指定的页面的URL。如果没有指定URL,打开一个新的空白窗口
        window.open("http://www.runoob.com");  //百度
        window.open("");  //空白页

name

可选。指定target属性或窗口的名称。支持以下值:

_blank - URL加载到一个新的窗口。这是默认

_parent - URL加载到父框架

_self - URL替换当前页面

_top - URL替换任何可加载的框架集

name - 窗口名称

name 名称是窗口的名称。是可以自定义的。当你写多个网址时。name需要不同。如果是同一个name 你打开的窗口不变。只是里面的网址变了。
写两个按钮。用同一个名字。第二个按钮会把第一个按钮弹出来窗口的网址覆盖掉。但是你写两个name就会弹出来两个窗口。
        // 直接替换了第一个页面
        window.open("http://www.baidu.com",'1');  
        window.open("http://jiuaibuni.top",'1');
        //打开了2个页面
        window.open("http://www.baidu.com",'1');  
        window.open("http://jiuaibuni.top",'2');

specs

可选。一个逗号分隔的项目列表。支持以下值:

channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器
fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window,还必须在影院模式。仅限IE浏览器
height=pixels 窗口的高度。最小.值为100
left=pixels 该窗口的左侧位置
location=yes|no|1|0 是否显示地址字段.默认值是yes
menubar=yes|no|1|0 是否显示菜单栏.默认值是yes
resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes
scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes
status=yes|no|1|0 是否要添加一个状态栏.默认值是yes
titlebar=yes|no|1|0 是否显示标题栏.被忽略,除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes
toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes
top=pixels 窗口顶部的位置.仅限IE浏览器
width=pixels 窗口的宽度.最小.值为100
        window.open("http://jiuaibuni.top",'','location=1,width=1000,height=400,top=250,width=500,scrollbars=no');

replace

规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

true - URL 替换浏览历史中的当前条目。

false - URL 在浏览历史中创建新的条目。

四.浏览器关闭

                window.close()     关闭当前窗口


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。