How to use window.location in js?

JavaScriptASP.netSchemeASP network protocol, how to use window.location in js? Let’s take a look.

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: Optional, used to pass parameters to dynamic web pages (such as web pages produced using CGI, ISAPI, PHP/JSP/ASP/ASP.NET and other technologies), and can have multiple parameters. Separate them with "&" symbols, and the name and value of each parameter are separated with "=" 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 an anchor point.)

For such a URL

:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

We can use javascript to obtain each part of it
1, window.location.href
The entire URL string (the complete address bar in the browser)
Return value in this example : :80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol
The protocol part of the URL
This example returns Value: http:

3,window.location.host
The host part of the URL
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 the empty character
This example returns the value: ""

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
Query (parameter) part
In addition to assigning values ​​​​to dynamic languages, we can also assign static pages and use javascript to obtain the corresponding parameter values
Return value in this example:? ver=1.0&id=6

7,window.location.hash
Anchor point
Return value in this example: #imhere

The above is the detailed content of How to use window.location in js?. For more information, please follow other related articles on the PHP Chinese website!