Window: history ããããã£
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
Window.history ã¯èªã¿åãå°ç¨ããããã£ã§ã History ãªãã¸ã§ã¯ãã¸ã®åç
§ãè¿ãã¾ããããã¯ãã©ã¦ã¶ã¼ã®ã»ãã·ã§ã³å±¥æ´ (ç¾å¨ã®ãã¼ã¸ãèªã¿è¾¼ã¾ãã¦ããã¿ãã¾ãã¯ãã¬ã¼ã ã§è¨ªãããã¨ããããã¼ã¸ç¾¤) ãæä½ããããã®ã¤ã³ã¿ã¼ãã§ã¤ã¹ãæä¾ãã¾ãã
詳細ã使ç¨ä¾ã«ã¤ãã¦ã¯ããã©ã¦ã¶ã¼ã®å±¥æ´ã®æä½ãã覧ãã ãããç¹ã«ããã®ãã¼ã¸ã§ã¯ pushState() ã¡ã½ãã㨠replaceState() ã¡ã½ããã«ã¤ãã¦ã使ç¨ããåã«æ°ãä»ããªããã°ãªããªãã»ãã¥ãªãã£ä¸ã®ç¹æ§ã説æãã¦ãã¾ãã
å¤
History ãªãã¸ã§ã¯ãã¸ã®åç
§ã
ä¾
history.back(); // æ»ããã¿ã³ãæ¼ãã®ã¨åç
history.go(-1); // history.back(); ã¨åç
ã¡ã¢
æä¸ä½ãã¼ã¸ã«ãã㦠History ãªãã¸ã§ã¯ããéãã¦ã¢ã¯ã»ã¹ã§ããã»ãã·ã§ã³å±¥æ´ã®ãã¼ã¸ãªã¹ãã¯ããã©ã¦ã¶ã¼ã®ãæ»ããããæ¬¡ã¸ããã¿ã³ã®é£ã«ãããããããã¦ã³ã§ç¢ºèªãããã¨ãã§ãã¾ãã
ã»ãã¥ãªãã£ä¸ã®çç±ããã History ãªãã¸ã§ã¯ãã§ã¯æ¨©éã®ãªãã³ã¼ããã»ãã·ã§ã³å±¥æ´å
ã®ä»ã®ãã¼ã¸ã® URL ã«ã¢ã¯ã»ã¹ãããã¨ãç¦æ¢ãã¦ãã¾ãããã»ãã·ã§ã³å±¥æ´ã®ä¸ãç§»åãããã¨ã¯è¨±å¯ãã¦ãã¾ãã
権éã®ãªãã³ã¼ããããã»ãã·ã§ã³å±¥æ´ãæ¶å»ããããåå¾ã¸ã®ç§»åãç¡å¹ã«ãããããæ¹æ³ã¯ããã¾ãããå®ç¾å¯è½ãªæãè¿ã解決çã¯ã location.replace() ã¡ã½ããã§ã»ãã·ã§ã³å±¥æ´ã®ç¾å¨ã®é
ç®ãæå®ããã URL ã§ç½®ãæãããã¨ã§ãã
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # the-history-interface > |