Web页面跳转

来源:互联网 发布:dldir1.qq是什么软件 编辑:程序博客网 时间:2024/06/05 09:45

公司笔试的时候,有一道简答题,问网页跳转有几种方式,当时就懵了。

现在来总结一下:

1.直接在HTML标签中实现,这种比较简单、直观。包在HTML的head标签里有一对<meta>标签,这里虽然对用户不可见,却是文档的基本元信息,主要用户记录当前页面的作者、时间、日期、网页描述、关键字,还有就是网页刷新。

比如:<meta HTTP-EQUIV="refresh" CONTENT="3" URL=www.google.com>

HTTP-EQUIT属性是指超文本传输协议标题信息,CONTENT属性指的是跳转动作执行时间,URL属性是跳转路径。但是在Struts Tiles中无法使用。

2.Javascript实现。

<script type="text/javascript">

        window.location.href="http://www.google.com";

        setTimeout("javascript:window.location.href='www.google.com'",3000);

</script>

3.经常看到的网页上读秒跳转的方式。

<span id="totalSecond">5</span>
  <script language="javascript" type="text/javascript">
     var second = totalSecond.innerText;
     setInterval("redirect()",1000);
     function redirect(){
        totalSecond.innerText=--second;
       if(second<=0){
          window.location.href="
http://www.google.com";
      }
 }
  </script>

原创粉丝点击