iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
自我挑戰組

網頁學習30天系列 第 18

網頁學習30天 day18

  • 分享至 

  • xImage
  •  

上次我們修改了程式碼來增加了英文介面,而在這其中,我們必須新增三個英文的html文件,名字為原本的加上-en,接著我們必須了解”&”的功能,在網址(URL)中,& 符號用於分隔不同的查詢參數(query parameters)。查詢參數是用來向網頁或伺服器傳遞資訊的方式,它們通常是以鍵值對的形式存在,例如 key=value。當你需要在請求中傳遞多個參數時,可以使用 & 符號來分隔這些參數,使它們在URL中具有清晰的結構,因此我們可以透過&來區隔thing以及meat。
再來我們增加的新功能有這段程式碼: ${lang === 'en' ? '-en' : ''} ,而它的意思是,如果 lang 變數的值等於 'en'(即語言是英文),那麼此運算符的結果為 '-en'。 如果 lang 變數的值不等於 'en'(即語言不是英文),那麼此運算符的結果為 ''(一個空字串),更仔細一點說,如果 lang 為 'en'(英文語言),這部分的檔案名稱會包含 '-en'。否則,如果 lang 不是英文,這部分的檔案名稱將是一個空字串,也就是不包含任何額外的後綴,假設lang 是 'en',則這部分的檔案名稱將是 '-en',組合起來就是 vegetable-en.html,如果 lang 不是 'en',則這部分的檔案名稱將是一個空字串,組合起來就是 vegetable.html,接著就讓我們看一下結果:
https://ithelp.ithome.com.tw/upload/images/20231003/20162857waIZKVLe7j.png


上一篇
網頁學習30天 day17
下一篇
網頁學習30天 day19
系列文
網頁學習30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言