Home > Web Front-end > JS Tutorial > JavaScript introductory tutorial (8) Location address object_basic knowledge

JavaScript introductory tutorial (8) Location address object_basic knowledge

WBOY
Release: 2016-05-16 18:56:21
Original
1263 people have browsed it

To represent the address of a 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: Two addresses belonging to different protocols or different hosts They cannot reference each other's location objects. This is due to security requirements. 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 an 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.webjx.com/jiaocheng/index. html#topic1?x=7&y=2 These parts meet the following requirements:
"Protocol" is the starting part of the URL, up to and including the first colon.
"Host" describes the host and domain name, or IP address of a network host.
"Port" describes the communication port used by the server for communication.
The path name describes the path aspect of the URL.
"Hash ID" describes the anchor name in the URL, including the hash mask (#). This property only applies to HTTP URLs.
The "Search Criteria" describes any query information in the URL, including question marks. This property 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:' and so on.
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 there is no "#" in the address ”, 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:

Copy the code The code is as follows:

//Simple jump
function gotoPage(url) {
// eg. var url = "newsview.html?catalogid=" catalogID "&pageid=" pageid;
window.location = url;
}
//Upgrade location usage, pass parameters for a single page
function goto_catalog(iCat) {
if(iCat<=0) {
top.location = "../ index.aspx"; // top out
} else {
window.location = "../newsCat.aspx?catid=" iCat;
}
}
// Specify Frame to jump to the page, both methods can be used
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 the parent.iframename.location="../index.aspx"; method 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 use DOM has implemented the frame jump page that passes two parameters. I hope that dear friend will give you 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";
}

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template