H5跳轉連結之後，返回原介面

2021-05-18 17:31:17

H5的釋出連結本身是一個網頁，當用戶從H5的第3頁跳轉到另一個連結，相當於從一個網頁跳到另一個網頁，這時如果使用者點返回，瀏覽器會直接讓使用者訪問H5的第一頁，而不是訪問之前的第3頁。

如果要讓使用者返回時能跳到第3頁呢？

現在你可以使用本地資料功能來實現它了!

本地資料行為的位置在這裡

一般情況下，你需要在H5某個地方設定「新增本地資料」行為，在另一個地方設定「獲取本地資料」行為。

上次開啟H5作品時設定的本地資料在下次開啟H5作品時還可以訪問到。

獲取行為會把本地資料顯示到一個文字上，然後你可以根據文字的值來設定不同的行為，比如跳頁面，跳連結，跳幀等等。

在本作品中，將這樣修改一下

第三頁的行為有兩個：1.跳轉連結 2.設定本地資料；

第一頁的行為有兩個：1.獲取本地資料 2.跳轉頁面。

這樣設定後，使用者訪問H5的流程如下：

使用者第一次進入H5

沒有本地資料，正常訪問

瀏覽到第三頁

點選跳轉連結的同時設定本地資料

點瀏覽器返回按鈕或者下次再訪問本作品

訪問到作品的第一頁

獲取到了本地資料

直接跳到第三頁

但這裡會帶來一個新問題，如果使用者之前訪問過第三頁，跳過連結，現在的設定會讓使用者以後再次訪問這作品時，直接跳到第三頁，而不能再次訪問前兩頁了。

解決辦法就是：給本地資料設定一個過期時間。本地資料沒過期時，使用者再次訪問作品時，會跳到第三頁，過期了，使用者從第一頁訪問時，可以正常訪問前兩頁。

上邊的原理講完了，現在看看實際的行為設定：

第一頁，文字出現時獲取本地資料，並把本地資料賦值給「第一頁文字」這個文字。

然後這個文字上設定行為，當它屬性改變時檢查自己的值是不是3，如果是就跳轉到第3頁。

第三頁，跳轉連結的同時，設定本地資料為3，過期時間為10分鐘。

以上設定就可以完成跳轉連結後，點返回或重新進入作品，回到原介面的效果，整個作品的行為設定在流程圖上是這樣的：

擴展一下：

第三頁的跳轉連結如果換成提交表單行為，再配合本地資料功能，可以實現允許使用者1天內只能提交一次表單。

第三頁的跳轉連結行為如果換成抽獎行為，再配合本地資料功能，可以實現活動時間內使用者只能抽獎一次。