当前位置: 代码迷 >> JavaScript >> 请教怎样实现在类似优酷打开视频页面的效果 只打开一个新窗口 再打开其他的视频页面 也只在第一次打开的新窗口更新链接地址
  详细解决方案

请教怎样实现在类似优酷打开视频页面的效果 只打开一个新窗口 再打开其他的视频页面 也只在第一次打开的新窗口更新链接地址

热度:544   发布时间:2013-12-10 15:05:55.0
请问怎样实现在类似优酷打开视频页面的效果 只打开一个新窗口 再打开其他的视频页面 也只在第一次打开的新窗口更新链接地址
不止优酷, 好多视频网站都有这种效果  。

一个页面代表一个窗口 ,例如: A页面有许多视频链接 , 随便打开一个, 然后打开了一个新窗口B页面 ,播放视频。
但我再回到A页面选其他的视频看的时候,打开的链接不会在浏览器新开一个窗口(右键菜单的除外), 而是在B页面更新链接URL地址。

不知道是不是用javascript实现的 ,请高人指点下........

------解决方案--------------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var p="";
var ls=document.links;
for(var i=0;i<ls.length;i++){
ls[i].onclick=function(e){
if(!p){
p=window.open(this.href);
}else{
p.location.href=this.href;
}
var a=e
------解决方案--------------------
window.event;
if(a.preventDefault){
a.preventDefault();
}else{
a.returnValue=false;
}
}
}
}
</script>
</head>

<body>
<a href="Untitled-4.html">baidu</a>
<a href="Untitled-2.html">hao123</a>
</body>
</html>
类似这样试试
------解决方案--------------------
a链接加个target属性,滚定一个窗口名称就行了
<a href="xxxx1" target="targetwin">xxxx1</a>
<a href="xxxx2" target="targetwin">xxxx2</a>
<a href="xxxx3" target="targetwin">xxxx3</a>
  相关解决方案