JavaScript |历史对象-yiteyi-C++库

这个 窗历史 对象包含浏览器历史记录。首先窗零件可以从窗口移除。历史只是利用历史光是物体就行。JS history对象包含用户访问的URL数组。通过使用历史对象，您可以使用各种方法加载上一页、转发页或任何特定页。 JavaScript历史对象的属性：

null

长度： 它返回用户在该会话中访问的历史URL的长度。

JavaScript历史对象的方法：

前进（）： 它将加载下一页。提供与在浏览器中单击“上一步”相同的效果。
back（）： 它加载上一页。提供与在浏览器中单击“前进”相同的效果。
go（）： 它在浏览器中加载给定的页码。 历史前进（距离） 该函数提供的效果与按浏览器中的后退或前进按钮并指定要加载的页面完全相同。

JavaScript代码来显示历史的运行情况。back（）函数： 代码#1：

                     <                               html                               >                   
                     <                               head                               >                   
                     <                               title                               >GeeksforGeeks back() example</                               title                               >                   
                     </                               head                               >                   
                     <                               body                               >                   
                     <                               b                               >Press the back button</                               b                               >                   
                     <                               input                               type                               =                               "button"                               value                               =                               "Back"                               onclick                               =                               "previousPage()"                               >                   
                     <                               script                               >                   
                     function previousPage() {                   
                                         window.history.back();                   
                     }                   
                     </                               script                               >                   
                     </                               body                               >                   
                     </                               html                               >                   

输出：

Press the back button Back

单击此处查看代码的效果注：如果历史记录列表中不存在上一页，此示例将不起作用。如果你点击上面的链接然后新页面打开，当您按下该页面上的“后退”按钮时，它将重定向到您之前打开的页面。

JavaScript代码来显示历史的运行情况。forward（）函数： 代码#2：

                     <                               html                               >                   
                     <                               head                               >                   
                     <                               title                               >GeeksforGeeks forward() example</                               title                               >                   
                     </                               head                               >                   
                     <                               body                               >                   
                     <                               b                               >Press the forward button</                               b                               >                   
                     <                               input                               type                               =                               "button"                               value                               =                               "Forward"                               onclick                               =                               "NextPage()"                               >                   
                     <                               script                               >                   
                     function NextPage() {                   
                                         window.history.forward()                   
                     }                   
                     </                               script                               >                   
                     </                               body                               >                   
                     </                               html                               >                   

Press the forward button Forward

注：如果历史记录列表中不存在下一页，此示例将不起作用。当您想使用网页中的“前进”按钮时，可以使用此代码。它的工作原理与浏览器的“转发”按钮完全相同。如果下一页不存在，它将无法工作。

JavaScript代码来显示历史的运行情况。go（）函数： go（4）的效果与按下前进按钮四次相同。负值将使您在浏览器中的历史记录中向后移动。go（-4）的效果与按后退按钮四次相同。 代码#3：

                     <                               html                               >                   
                     <                               head                               >                   
                     <                               title                               >GeeksforGeeks go() example</                               title                               >                   
                     </                               head                               >                   
                     <                               body                               >                   
                     <                               input                               type                               =                               "button"                               value                               =                               "go"                               onclick                               =                               "NextPage()"                               >                   
                     <                               script                               >                   
                     function NextPage() {                   
                                         window.history.go(4);                   
                     }                   
                     </                               script                               >                   
                     </                               body                               >                   
                     </                               html                               >                   

注：如果历史记录列表中不存在接下来的四页，则此示例将不起作用。

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript