• Home
  • About
    • Dorawei

      Hello World

    • Learn More
    • Email
    • Github
    • Steam
  • Posts
    • All Posts
    • All Tags
  • Projects

筆記:JavaScript 重定向 URL

10 May 2016

記錄使用 JavaScript 去簡單實現重新定向 URL。

這裏以不同的URL來切換語言爲例:

像這樣把某個<a>的onclick加上switchLanguage()的函數。 <a id="switch" href="#" onclick="switchLanguage('zh-Hans')">

然後定義一個switchLanguage()的函數:

<script>
function switchLanguage(lang) {
  u = location.href.split('/');
  u.splice(3, 0, lang);
  location.href = u.join('/');
}
</script>

location.href的作用就是返回當前頁面的URL,比如說如果當前的URL是https://blog.dorawei.xyz,那u的結果就會是https://blog.dorawei.xyz。

` location.href.split(‘/’)即以'/'來分開URL,這時候的u就會成爲https:,,blog.dorawei.xyz`。

` u.splice(3, 0, ‘zh-Hans’)的作用是在位置3,加入‘zh-Hans’`,並移除0個項目。

所以這時候的u就會變成https:,,blog.dorawei.xyz,zh-Hans。

再用'/'來組合起來,就變成了https://blog.dorawei.xyz/zh-Hans。

location.href=URL就可以把地址重定向到新的URL了。

如果想把zh-Hans去除掉可以這樣:

<script>
function switchLanguage(lang) {
  u = location.href.split('/');
  u.splice(3, 1);
  location.href = u.join('/');
}
</script>

#Have fun.



JavaScript Like Tweet +1