js转化html字符

js转化html字符,第1张

        /*1.用浏览器内部转换器实现html转码*/

        htmlEncode:function (html){

            //1.首先动态创建一个容器标签元素,如DIV

            var temp = document.createElement ("div")

            //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持)

            (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html)

            //3.最后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串了

            var output = temp.innerHTML

            temp = null

            return output

        },

        /*2.用浏览器内部转换器实现html解码*/

        htmlDecode:function (text){

            //1.首先动态创建一个容器标签元素,如DIV

            var temp = document.createElement("div")

            //2.然后将要转换的字符串设置为这个元素的innerHTML(ie,火狐,google都支持)

            temp.innerHTML = text

            //3.最后返回这个元素的innerText(ie支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。

            var output = temp.innerText || temp.textContent

            temp = null

            return output

        },

        /*3.用正则表达式实现html转码*/

        htmlEncodeByRegExp:function (str){ 

            var s = ""

            if(str.length == 0) return ""

            s = str.replace(/&/g,"&")

            s = s.replace(/

            s = s.replace(/>/g,">")

            s = s.replace(/ /g," ")

            s = s.replace(/\'/g,"'")

            s = s.replace(/\"/g,""")

            return s 

      },

      /*4.用正则表达式实现html解码*/

      htmlDecodeByRegExp:function (str){ 

            var s = ""

            if(str.length == 0) return ""

            s = str.replace(/&/g,"&")

            s = s.replace(/</g,"<")

            s = s.replace(/>/g,">")

            s = s.replace(/ /g," ")

            s = s.replace(/'/g,"\'")

            s = s.replace(/"/g,"\"")

            return s 

      }

    }

标题字体当在

\usepackage{caption2}

中使用

scriptsize,...,large

选项时,标题标记和文本的字号均会相应的改变。而使用

up,

it,

sl,

sc,

md,

bf,

rm,

sf,

tt

选项时只作用于标题标记。

caption2

宏包也允许用户设定单独的标题字体。

\captionfont

命令可用来设定标题的字体(包括标记和文本),而命令

\captionlabelfont

则只设定标题标记的字体。因此若只想设定标题文本的字体,必须使用

\captionfont

来设定标题文本的字体,同时用

\captionlabelfont

来设定标题标记的字体,包括取消一些由

\captionfont

设置的字体属性。下面的命令可以有效的生成标题:{\captionfont%

{\captionlabelfont

\captionlabel

\captionlabeldelim}%

\captiontext}这里的

\captionlabel

命令生成标题标记,如

``图

1''。

\captionlabeldelim

生成标记与文本之间的分隔符

``:''。

\captiontext

则给出标题文本。

latex

的字体可用字号和三个式样:字形,字族和字体序列(见

[1,

37,115

页],

[3,

170-171

页])来描述。所有这四个字体特性均可用

\captionfont

\captionlabel

来指定。例如:\begin{figure}

\renewcommand{\captionfont}{\large

\bfseries

\sffamily}

\renewcommand{\captionlabelfont}{}

\centering

\includegraphics[width=2in]{graphic.eps}

\caption{test

caption}

\end{figure}结果如图

所示。在这个例子中,

\captionlabelfont

没有是空的,这意味着它没有改变标题缺省的字体属性和由命令

\captionfont

设定的标题标记的字体属性。由于没有给出字形,所以整个标题的字形为缺省的

upright

字体。

19.14

由下面的命令得到:\begin{figure}

\renewcommand{\captionfont}{\large

\bfseries

\sffamily}

\renewcommand{\captionlabelfont}{\small}

\centering

\includegraphics[width=2in]{graphic.eps}

\caption{test

caption}

\end{figure}在这个例子中,由

\captionlabelfont

给出的

\small

覆盖了由

\captionfont

指定的

\large

字号。不过,由于

\captionlabelfont

没有指定字体序列和字族,所以

\bfseries

\sffamily

也应用于标题标记。

可以为后半句单独设置css样式。

1、新建html文件,在body中添加p标签,这里内容以“窗前明月光,疑是地上霜。”为例,然后给后半句“疑是地上霜”添加span标签:

2、在head标签中添加style标签,然后给span标签设置“color”属性,属性值为“red”,这时后半句颜色就会变成红色:

3、继续给span标签设置“font-size”属性,属性值为“12px”,这时后半句的字体大小将会变成12号:


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7222092.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-03
下一篇2023-04-03

发表评论

登录后才能评论

评论列表(0条)

    保存