点击链接读取url

Question

例如一个页面有
视频1
视频2
...
当点击视频1时链接到video.html,点击视频2到video2页面，如何做到不用写这么多video页面，只写一个video页面就实现呢？

Answer 1

这种一般是后端处理的，你真的要做的话有很多方法，比如cookies，放在url链接上，h5本地储存。
说一说h5储存吧，a页面跳转到1.html
a页面

   <a onclick="a(this)" href="1.html" target="_blank" data-url="aaa">111</a>

    <script>
    function a(obj){
        sessionStorage.setItem('vidourl',obj.getAttribute('data-url')); 
    }
    </script>

1.html

 <p></p>
    <script>
   document.getElementsByTagName('p')[0].innerHTML =  sessionStorage.getItem('vidourl');
    </script>

Answer 2

看你的描述，你应该是想做一个spa应用，如果用vue,就用vue-router，如果用react，就用react-router都可以实现前端控制路由。如果你都没用，你自己写个tab功能，也可以了

Answer 3

不太明白。如果你要用video标签的话，可以试试data-属性。然后通过dataset可以拿到data-属性中的值。