iframe标签重新加载和刷新、js cookie使用

最新推荐文章于 2025-02-10 10:18:31 发布

往前的

最新推荐文章于 2025-02-10 10:18:31 发布

阅读量4.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： iframe cookie js 变量共享国际化

本文链接：https://blog.youkuaiyun.com/m0_37355951/article/details/77935931

javaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过iframe实现页面内容切换并支持语言国际化的解决方案。利用cookie共享变量实现不同网页间的变量传递，并通过重新加载iframe的方式更新显示内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概述：

由于需要国际化，也就是中英文切换，采用的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")));  

			});  
		}  
	});  
}

默认是浏览器确定显示语言，默认会去浏览器获取是否设置语言。