网页中文字与图片显示与隐藏的一些方法

在做网站的时候经常会遇到这种情况，比如网页上有个按钮或文字，当你点击的时候会显示一些文字或图片，在点击的时候就会隐藏。其实这些都是一些比较简单的功能，但是我今天就说下在做这个功能时候容易忽视的地方。

如果这些效果是在不同的源文件中实现当然很简单，但是如果是用php动态生成的呢？就是有一个php源文件，会动态生成一个或多个不同的页面。这其实也不复杂，就是用js获取每个页面title的值，截取前面几个不同的文字来进行判断就可以了。但是有的页面title是会变化的，特别是seo的时候会改变title来提高网站的一些排名等，这时候用这种方法就不可取了。

但是我们可以通过获取url地址来进行判断啊。一个网站的url地址通常是不会改变的，可以通过下面的代码来先获取网站url地址。
<script>
      var url = document.location.href;
      var urlList = url.split('/');
      var a = urlList[urlList.length-1].split('.')[0];
</script>

比如你网站的url地址为www.baidu.com/123.html，通过上面的代码你可要获取/和.html中间的数字也就是123，然后再根据这个来进行判断。

一般文字显示和隐藏的js都是写在window.onload()加载事件里面的，但是有的页面会禁用加载事件。这时你发现js你怎么写都没效果，可能会怀疑代码写错了。其实你只要换种方法实现就可以了。
$(function(){
      var url = document.location.href;
      var urlList = url.split('/');
      var a = urlList[urlList.length-1].split('.')[0];
      if (a == "123"){
      d1= $("#sp1").html("456");
      d1= $("#sp2").html("<img src='/Images/456.jpg' alt='456'/>");
      }
}）

上面这段代码就是先获取网页的地址为123，然后在通过判断，如果网址的变量a=123的话，那么把456的值赋值给id="sp1"，把456.jpg赋值给id='sp2'的。

说起来很简单，其实就是我们一些容易犯错的地方。