使用锚点/链接元素打开特定页面，并自动在该页面上打开模式

Question

I have both login and registration modals on my home page. These exist on a element which is present on all pages. I would like to set the anchor elements for login/registration on the non-home pages to open the home page with the modal to automatically open.

By default there display property is set to none when you open the page, I just wanted to create links to these pages and automatically open the modals? Is there a way to use JS to do this?

Any know how would be grand, thank you.

Answer 1

The JavaScript way: inspect the URL using window.location for something that indicates which modal should open (eg ?modal=login ), and open that modal.

The CSS way: if each modal has a unique ID, you could use the :target pseudo-class to apply display: block; (or whatever) to the element when indicated in the URL fragment (so your link would have #login or #registration at the end).