span标签跳转新页面

 <span onclick="javascript:window.open('http://eccu.fr/guanli/login.aspx')"
 style="color:#f00; text-decoration:underline; cursor:pointer;">
网站后台
</span>

注:window.location.href=url;

js方式的页面跳转

.window.location.href方式

    <script language="javascript" type="text/javascript">

           window.location.href="target.aspx";

    </script>

.window.navigate方式跳转

   <script language="javascript">

    window.navigate("target.aspx");

</script>

.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别

<script language="javascript">

    window.location.replace("target.aspx");

</script>

有3个jsp页面（.aspx, .aspx, .aspx），进系统默认的是1.aspx，当我进入2.aspx的时候， .aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看是没有什么区别的，但是当3.aspx页面有一个"返回"按钮，调用window.history.go(-); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.aspx页面的话，区别就出来了，当用 window.location.replace("3.aspx");连到3.aspx页面的话，.aspx页面中的调用 window.history.go(-);wondow.history.back();方法是不好用的，会返回到1.aspx。

.self.location方式实现页面跳转，和下面的top.location有小小区别

   <script language="JavaScript">

          self.location='target.aspx';

   </script>

.top.location

   <script language="javascript">

          top.location='target.aspx';

   </script>

.不推荐这种方式跳转

    <script language="javascript">

    alert("返回");

    window.history.back(-);

   </script>

meta方式实现跳转(content =  单位是秒)

<meta http-equiv=refresh content=;URL="http://www.dayanmei.com">

总结二：

. Javascript 返回上一页 history.go(-), 返回两个页面: history.go(-);

. history.back().

. window.history.forward()返回下一页

. window.history.go(返回第几页,也可以使用访问过的URL)

例:

<a href="javascript:history.go(-1);">向上一页</a>

response.Write("<script language=javascript>")

response.Write("if(!confirm('完成任务?')){history.back();}")

response.Write("</script>")

response.Write("<script language=javascript>history.go(-1);</script>")

<a href="javascript:history.go(-1);">向上一页</a>

页面跳转:onclick="window.location.href='list.aspx'"

P.S.

小技巧(JS引用JS):

[javascript] view plaincopy

    <mce:script type=text/javascript><!--  

    if (typeof SWFObject == "undefined") {

    document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}

    // --></mce:script>   

Javascript刷新页面的几种方法：

    history.go()

    location.reload()

    location=location

    location.assign(location)

    document.execCommand('Refresh')

    window.navigate(location)

    location.replace(location)

    document.URL=location.href

自动刷新页面的方法:

.页面自动刷新：把如下代码加入<head>区域中

<meta http-equiv="refresh" content="">

其中20指每隔20秒刷新一次页面.

.页面自动跳转：把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">

其中20指隔20秒后跳转到http://www.wyxg.com页面

.页面自动刷新js版

[c-sharp] view plaincopy

    <mce:script language="JavaScript"><!--  

    function myrefresh()

    {

           window.location.reload();

    }

    setTimeout('myrefresh()',); //指定1秒刷新一次

    // --></mce:script>   

ASP.NET如何输出刷新父窗口脚本语句

.   this.response.write("<script>opener.location.reload();</script>");

.   this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");

.   Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</script>")

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用

<script language=JavaScript>

   parent.location.reload();

</script>

//子窗口刷新父窗口

<script language=JavaScript>

    self.opener.location.reload();

</script>

(　或　<a href="javascript:opener.location.reload()">刷新</a>   )

//如何刷新另一个框架的页面用

<script language=JavaScript>

   parent.另一FrameID.location.reload();

</script>

如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。

[javascript] view plaincopy

    <body onload="opener.location.reload()"> 开窗时刷新

    <body onUnload="opener.location.reload()"> 关闭时刷新   

    <mce:script language="javascript"><!--  

    window.opener.document.location.reload()

    // --></mce:script>

span标签跳转新页面的更多相关文章

a标签跳转新页面
var url = $("#email_kong").val(); //url=mail.qq.com url = "http://"+url; ...
JS解析Json 数据并跳转到一个新页面，取消A 标签跳转
JS解析Json 数据并跳转到一个新页面,代码如下 $.getJSON("http://api.cn.abb.com/common/api/staff/employee/" + o ...
js关闭当前页面跳转新页面
页面代码: <p class="info"><span style="font-weight: bold">所属项目:</span ...
vue的跳转方式（打开新页面）及传参
1. router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="sp ...
vue的跳转方式（打开新页面）
vue的跳转方式(打开新页面) 2018年11月22日 10:43:21 浊清... 阅读数 2043 版权声明:本文为博主原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和 ...
Servlet中以HashMap存放临时变量，解决跳转新页面请求参数过多时浏览器地址栏超长
具体使用方法如下: 1.在跳转之前将需要的参数串encodeURIComponent后作为参数value,UUID作为key一起POST到Servlet保存到HashMap中: 2.在Servlet发 ...
iOS如何用代码控制以不同屏幕方向打开新页面？
转载:http://blogread.cn/it/article/7765?f=wb#original 代码示例:https://github.com/johnlui/Swift-On-iOS/tre ...
history.back新页面跳转
今天遇到一个问题,页面跳转失效,原因在于原来在本页面打开的页面现在改为在新页面打开,历史url记录找不到了,所以不能向上一个地址跳转,解决的办法是使用$_SERVER['HTTP_REFERER']获 ...
PHP弹出提示框并跳转到新页面即重定向到新页面
本文为大家介绍下使用PHP弹出提示框并跳转到新页面,也就是大家所认为的重定向,下面的示例大家可以参考下这两天写一个demo,需要用到提示并跳转,主要页面要求不高,觉得没必要使用AJAX,JS等, ...

随机推荐

将centos7打造成桌面系统
前言以下所有操作默认在root权限下执行,桌面环境是kde,使用gnome的也可以参考一下.我收集的以下要用到的一些安装包,360网盘http://yunpan.cn/csMhBAp92vTgN 提取 ...
Angularjs Controller间通信的几种方法
先说最简单的,适合简单数据一.使用controller as <body ng-controller="ParentCtrl as parent"> <inpu ...
PHP 数据安全问题总结
总结:关键的判断,比较尽量使用=== 类型和值都比较的恒等比较 1.if($var) $var 遵循boolean 转换. 当转换为 boolean 时,以下值被认为是 FALSE: 布尔值 FALS ...
java selenium (六) XPath 定位
xpath 的定位方法, 非常强大. 使用这种方法几乎可以定位到页面上的任意元素. 阅读目录什么是xpath xpath 是XML Path的简称, 由于HTML文档本身就是一个标准的XML页面, ...
innoDB 存储引擎
innodb 是在mysql 5.5.8 及之后的版本中成为mysql的默认存储引擎.之前都使用myisam. innodb 是事务型的存储引擎支持ACID事务,适用于小事务. 1.表空间类 ...
java IO学习
1.如何将byte[]转换为String byte byt[] = new byte[1024]; int b = file.read(byt); //b是byt的实际读取到的长度 String st ...
Laravel框架 mysql 数据库 —— 基本使用
增删改查配置完数据库连接,就可以使用DB类进行查询了. 查询 $results = DB::select('select * from users where id = ?', array(1)); ...
Xcode模拟器怎么模拟定位？
new file --->添加一个.gpx文件打开你的gpx文件,然后修改你想要模拟的经纬度: 运行时选上你刚才的位置
关于C++构造函数初始化顺序
这里主要是说序列初始化成员变量时,存在这样的规则: 1. 先进行序列初始化,再进行构造函数函数体内的赋值等操作. 2. 序列初始化,不是简单的自左至右或自右至左,而是根据成员变量的定义顺序来初始化. ...
regexxx
var test={ msg:{ "name":"name","value":"value" }}var str=JSO ...

span标签跳转新页面

span标签跳转新页面的更多相关文章

随机推荐

热门专题