在使用富文本编辑器编辑文章内容时,经常会用到<pre>元素,下面的CSS帮助解决<pre>元素内的文字不会自动换行,而“撑破”页面的情况:
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
在使用富文本编辑器编辑文章内容时,经常会用到<pre>元素,下面的CSS帮助解决<pre>元素内的文字不会自动换行,而“撑破”页面的情况:
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
一维数组的重复项:
二维数组的重复项:
原理:用javascript识别操作系统语言来切换网页语言。
兼容浏览器:IE、火狐、chrome、safari等主流浏览器
相关代码:
<script language=javascript> var sysLan = (navigator.language || navigator.browserLanguage).toLowerCase(); if(sysLan != 'zh-cn') { alert('en'); window.location.href="http://www.chengxusheji.com/en/index.html"; } else { alert('cn'); window.location.href="http://www.chengxusheji.com/cn/index.html"; } </script>
根据ip库判断用户ip例子:http://www.yemiansheji.com/ip/
各浏览器对 navigator 对象中几个与语言相关的属性(language、userLanguage、browserLanguage、 systemLanguage)的返回值存在很大的差异。
由于不同浏览器对这几个属性的返回值有很大差异,同时返回的有效值的大小写也有差异。若在获取当前浏览器语言的时候没有考虑到这些差异则可能造成兼容性问题。
首先查看一下 navigator 对象中的这几个与 language 相关的属性。
navigator 对象包含有关浏览器的信息。没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。但是其内部一些属性及其返回值在各浏览器并不统一。
关于 navigator 对象的更多资料,请参见:MSDN、Mozilla Developer Center。
对于浏览器,Mozilla Developer Center 中的 language 属性与 MSDN 中的 browserLanguage 属性描述很像。
分析以下代码:
<script> document.write('navigator.language:'+navigator.language); document.write('<br>navigator.userLanguage:'+navigator.userLanguage); document.write('<br>navigator.browserLanguage:'+navigator.browserLanguage); document.write('<br>navigator.systemLanguage:'+navigator.systemLanguage); </script>
代码中打印出了各浏览器对于这 4 个属性返回值的情况:
IE6 IE7 IE8 | Firefox Chrome Safari | Opera | |
---|---|---|---|
navigator.language | undefined | zh-CN | zh-CN |
navigator.userLanguage | zh-cn | undefined | zh-cn |
navigator.browserLanguage | zh-cn | undefined | zh-cn |
navigator.systemLanguage | zh-cn | undefined | undefined |
可以使用下面的代码获取当前浏览器语言:
(navigator.language || navigator.browserLanguage).toLowerCase()
来自:转载