Location address object in JavaScript_Basic knowledge

location address object It describes the address opened by a certain window object. To represent the address of the current window, just use "location"; to represent the address of a certain window, use ".location". I previously wrote a piece about using window.location.href to refresh another frame page. Here I took a look at the detailed usage of locaiton and made some improvements. The details are as follows:

Note: belong to different protocols or different hosts Two addresses cannot reference each other's location object. This is for security reasons. For example, the current window opens a page under "www.a.com", and another window (object name: bWindow) opens the web page under "www.b.com". If "bWindow.location" is used in the current window, an error will occur: "No permission".This error cannot be handled by the error handler (Event Handler, see onerror event).

First, a brief introduction to the location attribute, usage and related examples:
Location
contains information about the current URL. The location object describes the complete URL associated with a given Window object. Each property of the location object describes a different characteristic of the URL.
Normally, a URL will have the following format: protocol // host: port / path name # hash identification? Search conditions
For example: http://www.ijavascript.cn/jiaocheng/index. html#topic1?x=7&y=2 These parts meet the following requirements:



"Protocol" is the initial part of the URL until it includes the first colon.

"Host" describes the host and domain name, or the IP address of a network host.

"Port" describes the communication port used by the server for communication.

The path name describes the path information of the URL.

The "hash identifier" describes the anchor name in the URL, including the hash mask (#). This attribute only applies to HTTP URLs. ​

The "search criteria" describes any query information in the URL, including question marks. This attribute only applies to HTTP URLs. The Search Criteria string contains pairs of variables and values; each pair is connected by an "&".



Attribute Overview



protocol The protocol of the return address, the value is 'http:','https:','file:', etc. wait.

hostname returns the hostname of the address, for example, for an address of "http://www.microsoft.com/china/", location.hostname == 'www.microsoft.com'.

port returns the port number of the address. Generally, the port number of http is '80'.

host returns the host name and port number, such as: 'www.a.com:8080'.

pathname returns the path name, such as "http://www.a.com/b/c.html", location.pathname == 'b/c.html'.

hash returns "#" and subsequent content, such as "http://www.a.com/b/c.html#chapter4", location.hash == '#chapter4'; if the address Without "#", an empty string is returned.

search returns "?" and subsequent content, such as "http://www.a.com/b/c.asp?selection=3&jumpto=4", location.search == '?selection= 3&jumpto=4'; If there is no "?" in the address, an empty string is returned.

href returns all of the above, that is, returns the entire address. How to display it in the browser's address bar will return it. If you want a window object to open a certain address, you can use "location.href = '...'", or you can directly use "location = '...'" to achieve this purpose.



Method Overview



reload() is equivalent to pressing the "Refresh" (IE) or "Reload" (Netscape) key on the browser .

replace() opens a URL and replaces the address of the current location in the history object. After opening a URL using this method, you will not be able to return to the previous page by pressing the browser's "back" key.



2. The location page jump js is as follows:
//Simple jump
function gotoPage(url) {
// eg. var url = " newsview.html?catalogid=" catalogID "&pageid=" pageid;
window.location = url;
}

// Upgrade of location usage, passing parameters for a single page
function goto_catalog(iCat) {
if(iCattop.location = "../index.aspx"; // top out
} else {
window.location = " ../newsCat.aspx?catid=" iCat;
}
}

// Jump to the specified frame page, both methods are available
function goto_iframe(url) {
parent.mainFrame.location = "../index.aspx"; //
// parent.document.getElementById("mainFrame").src = "../index.aspx";// use dom to change page // At the same time, I added the writing method of dom
}

// Jump to the specified frame page because parent.iframename.location="../index.aspx"; method It cannot be implemented, mainly because the iframename in "parent.iframename" is defaulted to a node in js, and the passed parameters cannot be converted, so the frame jump page that passes two parameters is implemented using dom. I hope that someone can My dear friend, please give me some advice!
function goto_iframe(iframename,url) {
parent.document.getElementById(iframename).src = "../index.aspx";// use dom to change page by iframeName
//}

// Return to homepage
function gohome() {
top.location = "/index.aspx";
}