DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 你知道url中的特殊符號含義麼(比看篇)
你知道url中的特殊符號含義麼(比看篇)
編輯:前端技巧     

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 /?color= HTTP/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, null, null);   
  20.         Node D = new Node(4, null, null);   
  21.         Node C = new Node(3, null, null);   
  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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved