从A页面连接到B页面后并直接把B页面的隐藏层显示

summersu77

summersu77

2016-02-19 23:21

今天图老师小编要向大家分享个从A页面连接到B页面后并直接把B页面的隐藏层显示教程,过程简单易学,相信聪明的你一定能轻松get!

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,这里感谢经典的老二提供技术帮助。

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title这是A页面/title
/head
body
a href="B.htm?id=show"我要连到B页面/a
/body
/html

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title这是B页面/title
script language="javascript"
function show()
{
 var a=document.location.href;
 //alert(a);
 if(a.indexOf("id=show")==-1)
 {
  document.getElementById("hidden").style.display="none";
  document.getElementById("show").style.display="block";
 }
 else
 {
  document.getElementById("hidden").style.display="block";
  document.getElementById("show").style.display="none";
 }
}
/script
/head
body onload="show()"
div id="hidden" style="display:none "
font color="red"这里是一个隐藏的层,把我显示出来吧,最好显示我的时候把下面的那个层隐藏掉/font
/div
div id="show"
font color="blue"这是一个显示的层/font
/div
/body
/html

展开更多 50%)
分享

猜你喜欢

从A页面连接到B页面后并直接把B页面的隐藏层显示

Web开发
从A页面连接到B页面后并直接把B页面的隐藏层显示

直接将HTML页面打印页面的设计

Web开发
直接将HTML页面打印页面的设计

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

显示页面的所有链接的js代码

Web开发
显示页面的所有链接的js代码

代码与页面的分离

Web开发
代码与页面的分离

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

禁用html页面的缓存

Web开发
禁用html页面的缓存

在textarea中显示html页面的javascript代码

Web开发
在textarea中显示html页面的javascript代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS解决文字环绕图片问题

CSS解决文字环绕图片问题

Win10如何卸载扬声器在硬件设备连接错误的情况下

Win10如何卸载扬声器在硬件设备连接错误的情况下
下拉加载更多内容 ↓