HTML引入不同语种

静态页面实现语言切换

通过动态创建link标签来引入不同的css

var olink=document.createElement('link')

olink.id

olink.href=type+'.css'

olink.rel="stylesheet"

olink.type="text/css"

olink.langtype=type;

动态判断 添加  删除  、传入不同的语言参数

1.通过伪类在content中写内容

通过伪类显示属性   （缺点：不能被选中） 

<div data-zh="中文123" data-en="english123">通过伪类显示属性   

div[data-zh]:after{

attr(data-zh)

}   //也可使用中括号进行字符串拼接

如   div[data-zh]:after{content:"[line" attr(data-zh) "]"}

2.都写在HTML中 通过css判断显示哪一个

通过不同的class进行显示 隐藏 

 <span class="lang-zh">中文</span><span class="lang-en">english</span>   

.lang-en{display:none}

---

闭包

（function（）{}）（）

+function(){}()   +可以换成~  || -|| *等等一元操作符