Analysis of the difference between window.location and document.location_javascript skills

document.location This object contains the information of the current URL
location.host Get the port number
location.hostname Set or get the host name
location.href Set or get the entire URL
location.port Set or Get the port number of the URL
location.search Set or get the part following the question mark in the href attribute
------------------------ -------------------------------------------------- -----
Application of window.location in js
URL is: Uniform Resource Locator (URL)
The complete URL consists of these parts:
scheme: //host:port/path?query#fragment
scheme: Communication protocol
Commonly used http, ftp, maito, etc.
host: host
Server (computer) Domain Name System (DNS) host name or IP address.
port: port number
Integer, optional. When omitted, the default port of the scheme is used. For example, the default port of http is 80.
path: path
A string separated by zero or more "/" symbols, generally used to represent a directory or file address on the host.
query: Query
is optional and is used to pass parameters to dynamic web pages (such as web pages made using CGI, ISAPI, PHP/JSP/ASP/ASP.NET and other technologies). There can be multiple parameters, use " Separated by &" symbols, the name and value of each parameter are separated by "=" symbols.
fragment: information fragment
String, used to specify the fragment in the network resource. For example, if there are multiple noun explanations in a web page, you can use fragment to directly locate a certain noun explanation. (Also called anchor point.)
For a URL like this
http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere
We can use javascript to get each part of it
1, window.location.href
The entire URL string (the complete address bar in the browser)
The return value in this example: http: //www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere
2,window.location.protocol
Protocol part of URL
The return value in this example: http:
3,window.location.host
The host part of the URL
The return value in this example: www.x2y2.com
4,window.location.port
The port part of the URL
If the default port 80 is used (update: even if :80 is added), then the return value is not the default 80 but an empty character
In this case the return value is: ""
5, window.location.pathname
The path part of the URL (that is, the file address)
The return value in this example:/fisker/post/0703/window.location.html
6,window.location.search
In the query (parameter) part
in addition to assigning values ​​to dynamic languages, we can also assign values ​​to static pages and use javascript to obtain the corresponding parameter values ​​
The return value in this example:?ver=1.0&id=6
7,window.location.hash
Anchor ======================================== ====
document.href="http://www.jb51.net"
document.location="http://www.jb51.net"
window.location="http: //www.jb51.net"
It’s just a question of inclusion
One is window and the other is document
location is an object. For example, the attributes of document.location and window.location on this page are
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:
It can be seen that href is the attribute type of location, which is string.
[document object]
This object is an attribute of the window and frames objects, and is a document displayed in the window or frame.
Attributes
alinkColor The color of the active link (ALINK)
anchor An HTML anchor, created using the tag (the attribute itself is also an object)
anchors array lists the document anchor objects Array () (this attribute itself is also an object)
bgColor The background color of the document (BGCOLOR)
Cookie is a piece of information stored in the cookie.txt file, which is an attribute of the document object
　fgColor The text color of the document (TEXT attribute in the tag)
Form A form (

) in the document (the attribute itself is also an object)
Forms anay appears in the document as it appears An array of form objects listed in order (this property itself is also an object)
LastModified The last modified date of the document
linkColor The color of the link to the document, that is, the LINK attribute in the tag (link to user No observed document)
link A tag in the document (the attribute itself is also an object)
links array An array of link objects in the document, arranged in the order they appear in the document (the The attribute itself is also an object)
Location The URL of the currently displayed document. The user cannot change document.location (because this is the location where the document is currently displayed).However,
can change window.location (replace the current document with another document) window.location itself is also an object, and
document.location is not an object
referrer contains the URL of the linked document, which the user clicks The link can reach the current document
Title The title of the document ((TITLE>)
vlinkColor The text color of the link pointing to the document that the user has observed, that is, the VLINK attribute of the tag
Method
clear Clear Specify the content of the document
close close the document stream
open open the document stream
write write the text into the document
writeln write the text into the document and end with a newline character
[window object]
It is a top-level object, not a property of another object, that is, the browser window
Property
defaultStatus The default status bar message
document The currently displayed document (this property itself is also an object. )
frame A frame in the window ((FRAME>) (this attribute itself is also an object)
frames array lists an array of frame objects of the window, listed in the order in which these objects appear in the document (this attribute Itself is also a
object)
History The history list of the window (this attribute itself is also an object)
Length The number of frames in the window
Location The complete (absolute) URL of the document displayed in the window (this attribute It is also an object in itself) Do not confuse it with document.location
, which is the URL of the currently displayed document. The user can change window.location (replacing the current document with another document), but cannot change
. document.location (because this is the location where the document is currently displayed)
name When the window is opened, the name given to the window
opener represents the window where the script that uses window.open to open the current window is located (this is Netscape Navigator 3.0beta A new attribute introduced by
in 3)
　Parent contains the synonym of the window of the current frame. An attribute of the frame and window objects
　self The synonym of the current window or frame
Status The message in the status bar
Top synonym for the topmost browser window containing the current frame
window synonym for the current window or frame, the same as self
Method
alert() Open an Alert message box
clearTimeout() Used to terminate the work of the setTimeout method
Close() Close the window
Confirm() Open a Confirm message box, the user can choose OK or Cancel, if the user clicks OK, this method returns true, click
Cancel returns false
　blur() Moves the focus from the specified window (this is a new method introduced in Netscape Navigator 3.0 beta 3)
　focus() Brings the specified window to the foreground (another new method)
open() opens a new window
prompt() opens a Prompt dialog box, the user can type text into the box, and returns the typed text to the script
setTimeout() waits for a specified number of milliseconds, Then run the command event handler event handler
Onload() is triggered when the page is loaded
Onunload() is triggered when the page is closed
Difference: The user cannot change document.location (because this is the location where the document is currently displayed ). However, window.location can be changed (replacing the current document with another document). window.location itself is also an object, while document.location is not an object.