JS技巧:JAVASCRIPT中的window.location和document.location
當前位置：點晴教程→知識管理交流
→『 技術文檔交流 』
document.location 這個對象包含了當前URL的信息 location.host 獲取port號 location.hostname 設置或獲取主機名稱 location.href 設置或獲取整個URL location.port設置或獲取URL的端口號 location.search 設置或獲取href屬性中跟在問號后面的部分 ------------------------------------------------------------------------------- js中window.location的應用 URL即:統一資源定位符 (Uniform Resource Locator, URL) 完整的URL由這幾個部分構成： scheme://host:port/path?query#fragment scheme:通信協議 常用的http,ftp,maito等 host:主機 服務器(計算機)域名系統 (DNS) 主機名或 IP 地址。 port:端口號 整數，可選，省略時使用方案的默認端口，如http的默認端口為80。 path:路徑 由零或多個"/"符號隔開的字符串，一般用來表示主機上的一個目錄或文件地址。 query:查詢 可選，用于給動態網頁（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技術制作的網頁）傳遞參數，可有多個參數，用"&"符號隔開，每個參數的名和值用"="符號隔開。 fragment:信息片斷 字符串，用于指定網絡資源中的片斷。例如一個網頁中有多個名詞解釋，可使用fragment直接定位到某一名詞解釋。(也稱為錨點.) 我們可以用javascript獲得其中的各個部分 1, window.location.href 整個URl字符串(在瀏覽器中就是完整的地址欄) 本例返回值: http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere 2,window.location.protocol URL 的協議部分 本例返回值:http: 3,window.location.host URL 的主機部分 本例返回值:www.x2y2.com 4,window.location.port URL 的端口部分 如果采用默認的80端口(update:即使添加了:80)，那么返回值并不是默認的80而是空字符 本例返回值:"" 5,window.location.pathname URL 的路徑部分(就是文件地址) 本例返回值:/fisker/post/0703/window.location.html 6,window.location.search 查詢(參數)部分 除了給動態語言賦值以外，我們同樣可以給靜態頁面,并使用javascript來獲得相信應的參數值 本例返回值:?ver=1.0&id=6 7,window.location.hash
錨點========================================== document.href="document.location="window.location="只是屬于包含的問題 一個是window,一個是document location 是個對象 比如本頁的document.location 和window.location的屬性有 location.hostname = community.csdn.net location.href = http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02 location.host = community.csdn.net location.hash = location.port = location.pathname = /Expert/topic/4033/4033372.xml location.search = ?temp=2.695864E-02 location.protocol = http: 可見href 是location的屬性 類別是string 。 [document對象] 該對象是window和frames對象的一個屬性,是顯示于窗口或框架內的一個文檔。 屬性 alinkColor 活動鏈接的顏色(ALINK) anchor 一個HTMI錨點,使用<A NAME=>標記創建(該屬性本身也是一個對象) anchors array 列出文檔錨點對象的數組(<A NAME=>)(該屬性本身也是一個對象) bgColor 文檔的背景顏色(BGCOLOR) cookie 存儲于cookie.txt文件內的一段信息,它是該文檔對象的一個屬性 fgColor 文檔的文本顏色(<BODY>標記里的TEXT特性) form 文檔中的一個窗體(<FORM>)(該屬性本身也是一個對象) forms anay 按照其出現在文檔中的順序列出窗體對象的一個數組(該屬性本身也是一個對象) lastModified 文檔最后的修改日期 linkColor 文檔的鏈接的顏色,即<BODY>標記中的LINK特性(鏈接到用戶沒有觀察到的文檔) link 文檔中的一個<A HREF=>標記(該屬性本身也是一個對象) links array 文檔中link對象的一個數組,按照它們出現在文檔中的順序排列(該屬性本身也是一個對象) location 當前顯示文檔的URL。用戶不能改變document.location(因為這是當前顯示文檔的位置)。但是, 可以改變 window.location (用其它文檔取代當前文檔)window.location本身也是一個對象,而 document.location不是對象 referrer 包含鏈接的文檔的URL,用戶單擊該鏈接可到達當前文檔 title 文檔的標題((TITLE>) vlinkColor 指向用戶已觀察過的文檔的鏈接文本顏色,即<BODY>標記的VLINK特性 方法 clear 清除指定文檔的內容 close 關閉文檔流 open 打開文檔流 write 把文本寫入文檔 writeln 把文本寫入文檔,并以換行符結尾 [window對象] 它是一個頂層對象,而不是另一個對象的屬性即瀏覽器的窗口。 屬性 defaultStatus 缺省的狀態條消息 document 當前顯示的文檔(該屬性本身也是一個對象) frame 窗口里的一個框架((FRAME>)(該屬性本身也是一個對象) frames array 列舉窗口的框架對象的數組,按照這些對象在文檔中出現的順序列出(該屬性本身也是一個 對象) history 窗口的歷史列表(該屬性本身也是一個對象) length 窗口內的框架數 location 窗口所顯示文檔的完整(絕對)URL(該屬性本身也是一個對象)不要把它與如document.location 混淆,后者是當前顯示文檔的URL。用戶可以改變window.location(用另一個文檔取代當前文檔),但卻不能改變 document.location (因為這是當前顯示文檔的位置) name 窗口打開時,賦予該窗口的名字 opener 代表使用window.open打開當前窗口的腳本所在的窗口(這是Netscape Navigator 3.0beta 3所引 入的一個新屬性) parent 包含當前框架的窗口的同義詞。frame和window對象的一個屬性 self 當前窗口或框架的同義詞 status 狀態條中的消息 top 包含當前框架的最頂層瀏覽器窗口的同義詞 window 當前窗口或框架的同義詞,與self相同 方法 alert() 打開一個Alert消息框 clearTimeout() 用來終止setTimeout方法的工作 close() 關閉窗口 confirm() 打開一個Confirm消息框,用戶可以選擇OK或Cancel,如果用戶單擊OK,該方法返回true,單擊 Cancel返回false blur() 把焦點從指定窗口移開(這是Netscape Navigator 3.0 beta 3引入的新方法) focus() 把指定的窗口帶到前臺(另一個新方法) open() 打開一個新窗口 prompt() 打開一個Prompt對話框,用戶可向該框鍵入文本,并把鍵入的文本返回到腳本 setTimeout() 等待一段指定的毫秒數時間,然后運行指令事件處理程序事件處理程序 Onload() 頁面載入時觸發 Onunload() 頁面關閉時觸發 區別：用戶不能改變document.location(因為這是當前顯示文檔的位置)。但是,可以改變window.location (用其它文檔取代當前文檔)window.location本身也是一個對象,而document.location不是對象 該文章在 2010/8/18 9:56:07 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
