WEB page jump and value transfer method between pages implemented by JAVASCRIPT_javascript skills

But sometimes, when an event is triggered, we need to do some operations first and then jump. At this time, we need to use JAVASCRIPT to realize this jump function.
The following is the specific method:
1: Jump to a new page and open it in a new window:

Copy code The code is as follows:

function gogogo()
{
//do someghing here...
window.open("test2.html");
}

Window is a javascript object, and its open method can be used. It should be noted that if this page is not a relative path, then http:// must be added, for example:

Copy code The code is as follows:

function gogogo()
{
window .open( "http://www.google.com");
}

Two: Jump in the window of this page:

Copy code The code is as follows:

function totest2()
{
window.location.assign( "test2.html" );
}

You can also use location.assgin() directly, but window.location.assign() seems to be more reasonable, the assign() method of the location object of the current window.
In addition, the location object also has a method replace() that can also be used for page jumps. The difference between it and the assign() method is:
The replace() method will not generate a new record in the History object. When using this method, the new URL will overwrite the current record in the History object.

Let’s learn how to transfer values ​​when the page jumps. When using window.open() to open a new page, the browser will think that there is an open and opened relationship between the two windows. , so in the new window that is opened, there is a window.opener attribute in the window object of the current window. This value contains the reference to the open window, so this value can be obtained, and then the value of the object in the previous page is referenced. An example is as follows:

Copy code The code is as follows:

page test1

Copy code The code is as follows:

page test2

These two pages can get the value in the previous page from the latter page, but I feel that it is not very practical. . . . . .
Advantages: It is convenient to obtain values. As long as window.opener points to the parent window, you can access all objects.
Not only can you access the value, but you can also access the methods of the parent window. There is no limit to the value length.
Disadvantages: Two The window must have a relationship. It is a window opened using window.open. It cannot cross domains.

Let’s look at another method, using URL additional fields to pass values ​​between page jumps. When using XMLHttpRequest earlier, This method has been used. The simple original example is as follows:

Copy the code The code is as follows:

page test3

复制代码 代码如下:

page test4

我记得前面在看XMLHttpRequest的时候有一个QueryString对象可以直接从URL参数中取值，我不清楚这儿可不可以直接用，试了一下好像不行。

最后一种页面间传值的方法就是COOKIE共享，这个比较容易理解，由一个页面在客户端机器放置一个COOKIE文件，下一个页面访问的时候，直接读取这里面的值就OK了。