你知道url中的特殊符号含义么(比看篇)

所属分类: 网页制作 / 应用技巧 阅读数: 1795
收藏 0 赞 0 分享

1.#

#代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如,http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。

为网页位置指定标识符,有两个方法。一是使用锚点,比如<a name="print"></a>,二是使用id属性,比如<div id="print">。

二、HTTP请求不包括#

#是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包括#。

比如,访问下面的网址,http://www.example.com/index.html#print,浏览器实际发出的请求是这样的:

XML/HTML Code复制内容到剪贴板
  1. GET /index.html HTTP/1.1   
  2. Host: www.example.com  

三、#后的字符

在第一个#后面出现的任何字符,都会被浏览器解读为位置标识符。这意味着,这些字符都不会被发送到服务器端。

比如,下面URL的原意是指定一个颜色值:http://www.example.com/?color=#fff,但是,浏览器实际发出的请求是:

XML/HTML Code复制内容到剪贴板
  1. GET /?colorHTTP/1.1   
  2. Host: www.example.com  

四、改变#不触发网页重载

单单改变#后的部分,浏览器只会滚动到相应位置,不会重新加载网页。

比如,从http://www.example.com/index.html#location1改成http://www.example.com/index.html#location2,浏览器不会重新向服务器请求index.html。

五、改变#会改变浏览器的访问历史

每一次改变#后的部分,都会在浏览器的访问历史中增加一个记录,使用"后退"按钮,就可以回到上一个位置。这对于ajax应用程序特别有用,可以用不同的#值,表示不同的访问状态,然后向用户给出可以访问某个状态的链接。值得注意的是,上述规则对IE 6和IE 7不成立,它们不会因为#的改变而增加历史记录。

六、window.location.hash读取#值

window.location.hash这个属性可读可写。读取时,可以用来判断网页状态是否改变;写入时,则会在不重载网页的前提下,创造一条访问历史记录。

七、onhashchange事件

这是一个HTML 5新增的事件,当#值发生变化时,就会触发这个事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持该事件。

它的使用方法有三种:

•window.onhashchange = func;
•<body onhashchange="func();">
•window.addEventListener("hashchange", func, false);

对于不支持onhashchange的浏览器,可以用setInterval监控location.hash的变化。

八、Google抓取#的机制

默认情况下,Google的网络蜘蛛忽视URL的#部分。

但是,Google还规定,如果你希望Ajax生成的内容被浏览引擎读取,那么URL中可以使用"#!",Google会自动将其后面的内容转成查询字符串_escaped_fragment_的值。

比如,Google发现新版twitter的URL:http://twitter.com/#!/username

就会自动抓取另一个URL:http://twitter.com/?_escaped_fragment_=/username

通过这种机制,Google就可以索引动态的Ajax内容。

AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。

2. ?

1)连接作用:比如

XML/HTML Code复制内容到剪贴板
  1. http://www.xxx.com/Show.asp?id=77nameid=2905210001page=1  

2)清除缓存:比如

XML/HTML Code复制内容到剪贴板
  1. http://www.xxxxx.com/index.html    
  2. http://www.xxxxx.com/index.html?test123123  

两个url打开的页面一样,但是后面这个有问号,说明不调用缓存的内容,而认为是一个新地址,重新读取。

3. &

不同参数的间隔符

JavaScript Code复制内容到剪贴板
  1. import java.util.ArrayList;   
  2.   
  3. class Node{   
  4.     int val;   
  5.     Node leftNode;   
  6.     Node rightNode;   
  7.     public Node(int val, Node leftNode, Node NodeRight){   
  8.         this.val = val;   
  9.         this.leftNode = leftNode;   
  10.         this.rightNode = rightNode;   
  11.     }   
  12. }   
  13. public class InOrder{   
  14.        
  15.     static ArrayList<Integer> arrayList = new ArrayList<Integer>();   
  16.        
  17.     public static void main(String args[]){   
  18.         //构造树   
  19.         Node E = new Node(5, nullnull);   
  20.         Node D = new Node(4, nullnull);   
  21.         Node C = new Node(3, nullnull);   
  22.         Node B = new Node(2, D, E);           
  23.         Node A = new Node(1, B, C);   
  24.            
  25.         inOrder(A);   
  26.         for(int i = 0;i <arrayList.size();i++){   
  27.             //System.out.print(arrayList.get(i)+" ");   
  28.         }   
  29.     }   
  30.        
  31.     public static void inOrder(Node root){   
  32.         if(root != null){   
  33.             inOrder(root.leftNode);   
  34.             arrayList.add(root.val);   
  35.             inOrder(root.rightNode);   
  36.             System.err.print(root.rightNode + "  ");   
  37.         }   
  38.     }   
  39. }  

javabean 和POJO有什么区别:

一句话来说,具有set和get方法的pojo就是javabeans。但是javabean除了setting和getting还有其他的,任何一个java类都可以是javabean。

什么是POJO

按照Martin Fowler的解释是“Plain Old Java Object”,从字面上翻译为“纯洁老式的java对象”,但大家都使用“简单java对象”来称呼它。POJO的内在含义是指那些没有从任何类继承、也没有实现任何接口,更没有被其它框架侵入的java对象。

pojo和javabean的比较

pojo的格式是用于数据的临时传递,它只能装载数据, 作为数据存储的载体,而不具有业务逻辑处理的能力。

而javabean虽然数据的获取与pojo一样,但是javabean当中可以有其它的方法。

JavaBean 是一种JAVA语言写成的可重用组件。它的方法命名,构造及行为必须符合特定的约定:

1.这个类必须有一个公共的缺省构造函数。
2.这个类的属性使用getter和setter来访问,其他方法遵从标准命名规范。
3.这个类应是可序列化的。

原文地址:http://www.cnblogs.com/androidshouce/archive/2016/06/17/5592867.html

更多精彩内容其他人还在看

即将成为主流的2015—2016交互体验趋势

未来的交互设计越来越重视体验化
收藏 0 赞 0 分享

清除css、javascript及背景图在浏览器中缓存的简单方法

为了减少服务器的压力,让用户少加载,浏览器会将图片、css、js缓存到本地中,以便下次访问网站时使用,为了可以正常使用缓存,又避免这样那样的问题,我们可以动脑筋想想,如果解决此问题呢
收藏 0 赞 0 分享

美妆造型类网站 颜色搭配技巧的方案及效果展示

这篇文章主要介绍了美妆造型类使用颜色搭配技巧后的网站效果,对任何网站来说,颜色都是最重要的元素之一,对观众有着巨大的影响。脚本之家的小编带大家一起学习美妆造型类网站的颜色搭配,让我们的网站也美美滴哦
收藏 0 赞 0 分享

页面出现滚动条的时候如何让滚动条不影响页面宽度

这篇文章主要介绍了页面出现滚动条的时候如何让滚动条不影响页面宽度,需要的朋友可以参考下
收藏 0 赞 0 分享

禁用IE10的密码明文显示和快速清除功能的方法

快速清除钮可取代触控进行全选并删除的一连串复杂动作,而密码显示钮可协助用户确认输入内容,弥补触控打字慢、错误率高的困扰。但是基于Web系统安全的考虑,需要禁用该功能
收藏 0 赞 0 分享

Chrome浏览器的自动保存密码提示功能禁用方法

在表单中加入autocomplete=
收藏 0 赞 0 分享

base target=""规定基本链接的目标打开框架

a、form等很多标签都支持target=black的属性,其是将基本链接的目标框架都改为新页打开,新欢研究的朋友可以看看
收藏 0 赞 0 分享

系统之外的字体引用及过渡效果

当用到一些系统里没有的字体时可能需要从外部引用下载的字体,方法是用@font-face来引入字体,过渡效果用到了transition,示例代码如下,大家可以看看
收藏 0 赞 0 分享

怎么设计响应式WEB?响应式WEB设计的优缺点

传统的web页面已经不能满足多种设备的浏览效果,比如传统页面在大浏览器中会有较大的空白区域,而在小浏览器已经移动设备中,下面我们一起来看看响应式web设计的合理尺寸与优缺点
收藏 0 赞 0 分享

博客园CnBlogs自定义博客样式分享

这里给大家推荐一个博客园CnBlogs自定义博客样式,制作非常的简洁大方,蓝色基调,喜欢泡cnblogs的朋友可以参考下
收藏 0 赞 0 分享
查看更多