前端随记

来源：互联网发布：西单附近美食知乎编辑：程序博客网时间：2024/04/27 11:31

随记整理

1、location.search（可读可写）
客户端获取url参数，取到的值是从当前url的？开始的值，
如“http://www.feixinglive.com?user=lq&pwd=111”,
通过location.search获取到的值是？user=lq&pwd=111，
利用location.search获取url参数值之后可以做一些自定义处理。

注意：如果页面内有锚点存在，在访问过锚点后url后会有锚点ID，使用location.search无法获取锚点ID，此时应该使用location.hash。

2、location.hash（可读可写）
客户端获取url后面锚点ID的方法，
如“http://www.feixinglive.com#mid”,
通过location.hash获取到的值是#mid，
利用location.hash获取url后的锚点ID之后可以对做一些自定义处理。

注意：锚点是网页制作中超链接的一种，可以在页面中快速定位到指定元素的位置，一般使用name或id属性设置锚点，使用“#name”（a元素）或“#id”的形式定位到锚点。

3、#在页面的作用
（1）# 代表网页中的一个位置，右边的字符就是该位置的标识符（一般是元素的name（a元素）或id属性）；
（2）http请求中不包括#和#之后的内容，如访问网址http://www.feixinglive.com#mid时实际发出请求时是GET /index.html HTTP1.1 Host:www.feixinglive.com，只有把#转码为%23后浏览器才会将其作为实义字符处理，此时在http请求中被发送到服务端；
（3）改变#后的部分不触发页面重载；
（4）每次改变#后的部分会在历史记录中增加一条记录（IE6、7除外）；
（5）html5新增当#值发生变化时触发的事件onhashchange，使用方法有三种：window.onhashchange=func; 、<body onhashchange="func();"、window.addEventListener("hashchange",func,false); ；对于不支持onhashchange的浏览器可以使用setInterval监视location.hash的变化；

注意：默认情况下Google的网络蜘蛛忽略URL的#部分，但如果URL中使用“#！”，Google会自动将“#！”后面的内容转成查询字符串_escaped_fragment_的值。

4、escaped_fragment
escaped_fragment这个参数是Google指定的命名，如果开发者希望把网站内容提交给Google，就必须通过这个参数生成静态页面。

5、网页中的元素的 href 属性
href 属性规定链接的目标，href 属性的值可以是任何有效文档的相对或绝对URL。
6、网页中元素的 src 属性
src 属性可以设置或返回图像的URL，该属性可在任意时间被更改，新图像继承原始图像的 height 和 width 属性。
7、href 和 src 的区别
href 用于在当前文档和引用资源之间建立联系。href 指向网络资源所在的位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，会并行下载资源且不会暂停对当前文档的解析，所以建议使用link方式来加载CSS而不是使用@import方式。主要使用的元素有 a、link等。
src 用于替换当前元素。src 指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在位置；在请求src资源时会暂停其他资源的下载和处理直到将该资源加载、编译、执行完毕。这就是为什么将js脚本放在页面底部而不是头部。主要使用的元素有 js脚本、img、frame等。

结束语：
记录日常所遇，解决心中疑惑。

0 0