美文网首页
HTML引入不同语种

HTML引入不同语种

作者: crayona | 来源:发表于2019-11-13 17:15 被阅读0次

静态页面实现语言切换

通过动态创建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(){}()   +可以换成~  || -|| *等等一元操作符

相关文章

网友评论

      本文标题:HTML引入不同语种

      本文链接:https://www.haomeiwen.com/subject/falfbctx.html