概述:
由于需要国际化,也就是中英文切换,采用的iframe标签,那么问题来了,如何在点击首页更新iframe标签的内容?
要解决这个问题:
- 1、怎么让iframe知道主页修改内容(也就是不同网页变量共享)?
- 2、修改内容后如何重新加载iframe标签内容?
1、对于第一个问题:采用最笨办法cookie共享变量
设置cookie变量值
document.cookie="languages=zh";
获取cookie变量值
languages=document.cookie.split("=")[1].split(";")[0]; (以"=",";"进行切割获取zh)
2、对于第二个问题:
html部分
<iframe id="ifrmname" name="ifrmname"
src="./wizard.html"
frameborder="0" width="100%" height="600px"> </iframe>
js部分,注意 ifrmname是name属性的值
window.open(document.all.ifrmname.src,'ifrmname','')
贴出部分代码:
var languages = $.i18n.browserLang();
loadProperties(languages);
function loadProperties(languages) {
languages=document.cookie.split("=")[1].split(";")[0];
$.i18n.properties({
name:'strings',
path:'../i18n/',
mode:'map',
language:languages,
callback:function(){
$("[data-locale]").each(function(){
$(this).html($.i18n.prop($(this).data("locale")));
});
}
});
}
默认是浏览器确定显示语言,默认会去浏览器获取是否设置语言。