javascript - 如何在外部点击,跳转到网页后,显示指定的模块。
伊谢尔伦
伊谢尔伦 2017-05-31 10:39:54
[HTML讨论组]

比如外部别的页面有几个链接:
a b c d e
然后点击后的跳转详情页面里,abcde五个模块都在这一个页面里,默认显示第一个a,其他都是display:none;

能否在外部页面点击b链接的时候,跳转过来到详情页,直接显示b内容,除了b内容外其他内容都是display:none,
在外部页面点击c链接的时候,跳转过来到详情页,直接显示c内容,除了c内容外其他内容都是display:none,

外部页面:

a
b
c
d
e

跳转后1.html的页面:

  • a
  • b
  • c
  • d
  • e

a的内容

b的内容

c的内容

d的内容

e的内容

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
怪我咯

在五个链接中都加入一个参数,例如

<a href="1.html#a">a</a>
<a href="1.html#b">b</a>
<a href="1.html#c">c</a>
<a href="1.html#d">d</a>
<a href="1.html#e">e</a>

然后在这个页面的 js 里面判断 url 后面的参数,来决定哪个显示哪个隐藏。
window.location.hash 能够获取到 url 的参数。

if (window.location.hash==="#a"){
 //a 显示,其他隐藏
}

就用上面的方法来判断是从哪个链接点过来的,就能显示相应的块。

过去多啦不再A梦

用锚点实现就好了

// 外部页面:
<a href="1.html#a">a</a>
<a href="1.html#b">b</a>
<a href="1.html#c">c</a>
<a href="1.html#d">d</a>
<a href="1.html#e">e</a>
跳转后1.html的页面:

<ul class="uls">
    <li id="a" class="uls_li_checked">a</li>
    <li id="b">b</li>
    <li id="c">c</li>
    <li id="d">d</li>
    <li id="e">e</li>
</ul>
<p class="con">
    <p>a的内容</p>
    <p style="display:none;">b的内容</p>
    <p style="display:none;">c的内容</p>
    <p style="display:none;">d的内容</p>
    <p style="display:none;">e的内容</p>
</p>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号