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方法:把字符串显示为目标
 

 

 

 

 

posted @ 2013-09-10 15:45  泡沫幻想  阅读(436)  评论(0编辑  收藏  举报