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

2016-02-19 23:21 23 1 收藏

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

【 tulaoshi.com - Web开发】

　　这个效果实现的是，在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

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

来源:https://www.tulaoshi.com/n/20160219/1629730.html

上一篇： CSS解决文字环绕图片问题
下一篇： Win10如何卸载扬声器在硬件设备连接错误的情况下

看过《从A页面连接到B页面后并直接把B页面的隐藏层显示》的人还看了以下文章更多>>

页面载入时提示消息层

<HTML <HEAD<TITLE EvE HTML </TITLE <meta http-equiv="Content-Type" content="text/html; charset=gb2312" / <STYLE TYPE="text/css" TITLE="" td{font-size: 12px;} </STYLE </HEAD <Body bgcolor="#E8EEED" background="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" <DIV id=e...

禁用html页面的缓存

标签： Web开发

1。在Asp页面首部head加入 Response.Buffer = True Response.ExpiresAbsolute = Now() - 1 Response.Expires = 0 Response.Ca...

实现在页面中单击按钮关闭页面

标签： Web开发

在aspx页面中要实现单击一个按钮(服务器端控件)来关闭当前页面，只需要在aspx页面的page_load（）方法中加入下列语句： this.btnClose.Attributes.Add("onclick","window.close()");//btnClose是按钮的名字,此语句是给其添加一个单击属性，调用window.close()方法。 2 在html页面中要实现单击一个按钮(html控件)来关闭当前页面，只...

将asp页面转换成htm页面

标签： Web开发

前段时间有个asp页面执行起来很慢，访问人数又颇多，而且又不经常修改，又懒得直接做成静态的，每次都要从服务器下载来改，只好想办法把asp页面转化成htm静态页面了。。。以前就曾经看到这样的文章，不过没太在意，真正想用的时候很难找到一个合适的，于是在网上搜索了半天终于找到比较合适的代码再加上自己的修改，如下： % ...

防止空连接#返回到页面顶端

标签： Html CSS布局 Div+CSS XHTML

如果你的网页中有<a href=“#” .......</a 这样的连接，而且已经出现的滚动条，并且下拉了一些，那么当点击这个连接的时候就会返回页面顶部，很是讨厌。以下几中方法可以防止这个问题: 1.将<a href=“#”.......</a改为<a href=“javascript:;” .......</a 2.将<a href=“#” .......</a改为<a href=“...

查看更多精彩>>