怎样在a标签上加点击事件,实现页面跳转,并在目标页面内显示出某个隐藏的div?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样在a标签上加点击事件,实现页面跳转,并在目标页面内显示出某个隐藏的div?相关的知识,希望对你有一定的参考价值。
target伪类实现下面效果,缺点只有IE9及以上支持
怎样在a标签上加点击事件,实现页面跳转,并在目标页面内显示出某个隐藏的div?
主页面:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>target伪类</title>
</head>
<body>
<a href="./1.html#div1" target="_blank" >div1</a>
<a href="./1.html#div2" target="_blank" >div2</a>
<a href="./1.html#div3" target="_blank" >div3</a>
</body>
</html>
目标页面:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>目标页面</title>
<style>
div{width:300px;height:200px;background:#000; font:50px/200px "微软雅黑"; color:#fff; text-align:center; display:none;}
div:target{ display:block;background:red;}
</style>
</head>
<body>
<a href="./1.html#div1">div1</a>
<a href="./1.html#div2">div2</a>
<a href="./1.html#div3">div3</a>
<div id="div1" >div11111</div>
<div id="div2" >div2--222--</div>
<div id="div3" >div3--333--</div>
</body>
</html>
以上是关于怎样在a标签上加点击事件,实现页面跳转,并在目标页面内显示出某个隐藏的div?的主要内容,如果未能解决你的问题,请参考以下文章
react中路由跳转,当前页面上直接打开新标签页,重新开一个单独的页面