上次我們修改了程式碼來增加了英文介面,而在這其中,我們必須新增三個英文的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,接著就讓我們看一下結果: