Question

我正在构建一个多语言网站，我想在初始页面加载时插入一个函数，该函数找到浏览器的默认语言设置，然后提示用户选择他们想要的语言。（英/ ESP）

当然，提示中的语言与浏览器的语言相同。我已经在所有页面页面上的这些语言之间导航，但我想在进入时拦截用户并避免使用启动页面。

有人可以告诉我这是怎么做到的吗？

Answer 1

首先，您需要一个自定义事件监听器

function addEvent(to, type, fn) {
    // Firefox, Safari, Chrome, Opera
    if(document.addEventListener) {
        to.addEventListener(type, fn, false)
    }
    // Microsoft ActiveX Scripts
    else if(document.attachEvent) {  
        to.attachEvent('on'+type, fn)
    }
    // Last hope
    else {  
        to['on'+type] = fn
    }
}

加载时在窗口上添加事件侦听器并运行函数onDomLoaded()

addEvent(window, 'load', onDomLoaded)

创建onDomLoaded函数

function onDomLoaded() {
    alert('Im finished loading the entire window, your language is: ' + navigator.language)

}

这里是example on jsFiddle

Answer 2

就像死锁一样，你可以使用JavaScript模态弹出窗口。有人给出了这个Here的例子。

您可以创建此弹出窗口，其中包含用于选择语言的按钮。

Answer 3

回答如何使用JavaScript获取浏览器语言。当您在问题标签中指定PHP时，请使用PHP回答。

选择页面加载时的语言弹出窗口

3 个答案: