2013-9-10(js-JavaScript 字符串HTML标签方法)
1.bold方法:把字体显示为粗体
lastIndexOf()方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索;
stringObject.lastIndexOf(searchvalue,fromindex);searchvalue:必须。规定检索字符串的值;fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。
string_object.bold();
<script language="javascript"> var str = "hello world"; document.write(str.bold()); </script>
返回:<b>hellow word</b>
提示:该方法返回使用 HTML b 标签定义的粗体字符串,即使用该方法并不能动态的改变页面元素的字体为粗体。如果想动态改变元素字体为粗体,如下
<html> <script language="javascript"> function changeFont(x){ var font_style = x; var article = document.getElementById("article"); if(typeof article == "string"){ article.style.fontWeight = font_style; }else{ article.style.fontSize = font_style; } } </script> <body> <p> <a onClick="changeFont('normal')">nomal</a> <a onClick = "changeFont('bold')">bold</a> <a onClick = "changeFont(14);">fontsize14</a> </p> <p id="article">p is size normal</p> </body> </html>
2.fontcolor:按指定的颜色改变字符串
str_object.fontcolor(color);
3.fontsize:按指定的尺寸显示字符串
str_object.fontsize(size);
4.strike方法:给字符串加上删除线
str_object.strike();
<script> var str = "hello world"; document.write(str.strike("hellow world")); </script>
提示:该方法返回使用 HTML strike 标签定义的删除线字符串,即使用该方法并不能直接将字符串变更为带删除线的字符串。如果想动态改变元素字体为带删除线的字符串,如下:
<html> <script> function ChangeFont(x){ doucument.getElementById("article").style.textDecoration = x; } </script> <body> <p> <a onClick="changeFont('none')">无修饰</a> <a onClick="changeFont('line-through')">删除线</a> <a onClick="changeFont('underline')">下划线</a> <a onClick="changeFont('overline')">上划线</a> </p> <p id="article"> 我是一些文字 </p> </body> </html>
5.link方法:给字符串加上超链接
str_object.link(url);
提示:该方法返回使用 HTML a 标签定义的超链接字符串,即使用该方法并不能直接将字符串变更为超链接字符串。如果想动态改变元素字体为超链接字符串,如
<html> <script language="JavaScript"> function addUrl( obj ){ obj.innerHTML = obj.innerHTML.link( "http://www.ucai.cn" ); } </script> <body> <p ondblclick="addUrl(this);"> www.ucai.cn </p> </body> </html>
6.sub方法:把字符串显示为下标
str_object.sub();
提示:该方法返回使用 HTML sub 标签定义的下标字符串,即使用该方法并不能直接将字符串变更为下标样式。如果想动态改变元素字体为下标样式,可参考下面的实例:
<html> <script language="JavaScript"> function changFont( x ){ document.getElementById("sub_title").style.verticalAlign = x; } </script> <body> <p> <a onClick="changFont('sub');">下标样式</a> <a onClick="changFont('super');">上标样式</a> </p> <p> 我爱开发网<span id="sub_title">每一点进步,都是我们通往成功道路上的坚实脚印</span> </p> </body> </html>
7.sup方法:把字符串显示为目标