2 zhuoyang111 zhuoyang111 于 2013.12.16 00:57 提问

关于JSP中链接跳转的问题

我用javascript写了一个图片动态转换的效果,然后点击图片会跳入相应链接,如下javascript代码是我从其他项目代码移植过来的,结果我发现当点击进入链接页面的时候会从新打开一个新的页面,可是我想把初始的页面转换成新的页面,谁懂下列代码并且知道如何设置的,求指教!

var isIE = (document.all) ? true : false;

var $ = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};

var Class = {
create: function() {
return function() { this.initialize.apply(this, arguments); }
}
}

var Extend = function(destination, source) {
for (var property in source) {
destination[property] = source[property];
}
}

var Bind = function(object, fun) {
return function() {
return fun.apply(object, arguments);
}
}

var Each = function(list, fun){
for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
};

//ie only
var RevealTrans = Class.create();
RevealTrans.prototype = {
initialize: function(container, options) {
this._img = document.createElement("img");
this._a = document.createElement("a");

this._timer = null;//计时器
this.Index = 0;//显示索引
this._onIndex = -1;//当前索引

this.SetOptions(options);

this.Auto = !!this.options.Auto;
this.Pause = Math.abs(this.options.Pause);
this.Duration = Math.abs(this.options.Duration);
this.Transition = parseInt(this.options.Transition);
this.List = this.options.List;
this.onShow = this.options.onShow;

//初始化显示区域
this._img.style.visibility = "hidden";//第一次变换时不显示红x图
this._img.style.width = this._img.style.height = "100%"; this._img.style.border = 0;
this._img.onmouseover = Bind(this, this.Stop);
this._img.onmouseout = Bind(this, this.Start);
isIE && (this._img.style.filter = "revealTrans()");

this._a.target = "_blank";

$(container).appendChild(this._a).appendChild(this._img);

},
//设置默认属性
SetOptions: function(options) {
this.options = {//默认值
Auto: true,//是否自动切换
Pause: 1000,//停顿时间(微妙)
Duration: 1,//变换持续时间(秒)
Transition: 7,//变换效果(23为随机)
List: [],//数据集合,如果这里不设置可以用Add方法添加
onShow: function(){}//变换时执行
};
Extend(this.options, options || {});
},
Start: function() {
clearTimeout(this._timer);
//如果没有数据就返回
if(!this.List.length) return;
//修正Index
if(this.Index < 0 || this.Index >= this.List.length){ this.Index = 0; }
//如果当前索引不是显示索引就设置显示
if(this._onIndex != this.Index){ this._onIndex = this.Index; this.Show(this.List[this.Index]); }
//如果要自动切换
if(this.Auto){
this._timer = setTimeout(Bind(this, function(){ this.Index++; this.Start(); }), this.Duration * 1000 + this.Pause);
}
},
//显示
Show: function(list) {
if(isIE){
//设置变换参数
with(this._img.filters.revealTrans){
Transition = this.Transition; Duration = this.Duration; apply(); play();
}
}
this._img.style.visibility = "";
//设置图片属性
this._img.src = list.img; this._img.alt = list.text;
//设置链接
!!list["url"] ? (this._a.href = list["url"]) : this._a.removeAttribute("href");
//附加函数
this.onShow();
},
//添加变换对象
Add: function(sIimg, sText, sUrl) {
this.List.push({ img: sIimg, text: sText, url: sUrl });
},
//停止
Stop: function() {
clearTimeout(this._timer);
}
};

1个回答

huangjinhe007
huangjinhe007   2013.12.16 08:23
已采纳

this._a.target = "_blank"; 把_blank 改成 _top

_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。

zhuoyang111
zhuoyang111 谢谢!
4 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JSP页面跳转的几种方法以及注意点
最近自己在做项目时遇到一个问题,明明加了response.sendRedirect() ,系统也执行了,但是它就是不跳转;最后在网上找到原因如下:        首先我们要知道的是用response.sendRedirect做转向的原理,它其实是向浏览器发送一个特殊的Header,然后由浏览器来做转向,转到指定的页面,所以sendRedirect时,浏览器的地址栏上可以看到地址的变化。 而用则
JSP中关于转发和重定向的问题
在JSP中,我们通常会遇到页面跳转的问题,这时候,我们有li
用按钮或链接实现JSP页面跳转
实现JSP页面简单的跳转,可以使用下面的方法 方法一:使用按钮 方法二:使用链接 登录
jsp文件里面跳转时的路径问题
在jsp里面经常会有跳转,就涉及到绝对路径和相对路径的问题。 绝对路径一般的表示 “./”表示的是当前目录 “../”表示上级目录,"../.../"表示上级目录的的上级目录 举一个例子 WebContent下面有index.jsp,即WebContent/inde.jsp. WebContent下面有个jsp子目录,jsp子目录下面有个hello.jsp. 在12行 S
关于html和jsp中锚点的实现
经过试验后发现HTML锚点在JSP中并不兼容。两者表示锚点的方法有所不同 HTML锚点: 定义连接位置: goto 在下面定义锚点位置: 111 这样点击goto可以定位到111 jsp锚点: 定义连接位置:goto1 定义锚点位置: 1111 这样点击goto1可以定位到1111
jsp 模拟按钮,点击button,链接到a标签,是a标签的地址跳转
link document.getElementById("btn").onclick=function(){   document.getElementById("link").click(); }
Struts2 ---jsp超链接跳转到action
从前struts1框架时:href如下 电话信息查询 在strust2框架下报错,后来查各种文档,发现DMI重新命名规则如下: 电话信息查询
HTML、JSP、Servlet中的相对路径和绝对路径 页面跳转问题
JSP、Servlet中的相对路径和绝对路径前提: 假设你的Http地址为http://192.168.0.1/,你的web应用为test,path=”/test”,那么你的web应用URL为http://192.168.0.1/test/ web项目目录分析,文件存放位置1)
使用Mui后导致A链接无法跳转解决办法
一个项目里使用了mui效果很棒,唯一的问题是我想把a链接跳转到新的页面,但是mui默认是屏蔽了跳转事件。我们可以使用下面绑定tap利用js跳转。亲测有效。&amp;lt;script type=&quot;text/javascript&quot; &amp;gt; mui('body').on( 'tap' , 'a' , function(){ document.location.href=this.href; } ) &amp;lt...
关于jsp标签A跳转路径的疑惑
在jsp内通过A链接到另一个jsp,如下代码,无法找到test.jsp资源,其实是都一起放在根目录下。 "> 后来加上request.getContextPath()便能跳转到test.jsp页面 /test.jsp?id="> 很大的疑惑就是有些情况并不需要加根路径,默认就是在根路径寻找资源,那这中间的原因是和具体版本还有运行环境有关系吗?尚未结论。