欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript bold方法入門實(shí)例(把指定文字顯示為粗體)

 更新時(shí)間:2014年10月17日 11:11:02   投稿:junjie  
這篇文章主要介紹了JavaScript字符串對(duì)象的bold方法入門實(shí)例,bold方法用于把指定文字顯示為粗體,需要的朋友可以參考下

JavaScript bold 方法

lastIndexOf 方法返回使用 HTML b 標(biāo)簽定義的粗體字符串。其語法如下:

復(fù)制代碼 代碼如下:

str_object.bold()

提示:該方法不符合 ECMA 標(biāo)準(zhǔn),不建議使用。

bold 方法實(shí)例

復(fù)制代碼 代碼如下:

<script language="JavaScript">

var str = "www.dbjr.com.cn";
document.write(str.bold());

</script>

運(yùn)行該例子,輸出:

復(fù)制代碼 代碼如下:

www.dbjr.com.cn

提示:該方法返回使用 HTML b 標(biāo)簽定義的粗體字符串,即使用該方法并不能動(dòng)態(tài)的改變頁面元素的字體為粗體。如果想動(dòng)態(tài)改變元素字體為粗體,可參考下面的實(shí)例:

延伸閱讀:改變頁面元素字體大小

復(fù)制代碼 代碼如下:

<html>

<script language="JavaScript">

function changFont( x ){
    var font_style = x;
    var article = document.getElementById("article");
    if( typeof font_style == "string" ){
        article.style.fontWeight = font_style;
    } else {
        article.style.fontSize = font_style;
    }
}

</script>

<body>
<p>
<a onClick="changFont('normal');">正常</a> <a onClick="changFont('bold');">粗體</a>
<a onClick="changFont(14);">小號(hào)</a> <a onClick="changFont(18);">大號(hào)</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>

在該例子中,通過 JavaScript 控制字體 CSS 樣式的方式,可讓顯示字體(id="article")在粗體、正常字體、小號(hào)字體與大號(hào)字體之間實(shí)時(shí)切換。

您可能感興趣的文章:

相關(guān)文章

  • appendChild() 或 insertBefore()使用與區(qū)別介紹

    appendChild() 或 insertBefore()使用與區(qū)別介紹

    appendChild() 方法在節(jié)點(diǎn)的子節(jié)點(diǎn)列表末添加新的子節(jié)點(diǎn)。insertBefore() 方法在節(jié)點(diǎn)的子節(jié)點(diǎn)列表任意位置插入新的節(jié)點(diǎn),下面為大家介紹下具體的使用,感興趣的朋友不要錯(cuò)過
    2013-10-10
  • 移動(dòng)端自適應(yīng)flexible.js的使用方法(不用三大框架,僅寫一個(gè)單html頁面使用)推薦

    移動(dòng)端自適應(yīng)flexible.js的使用方法(不用三大框架,僅寫一個(gè)單html頁面使用)推薦

    這篇文章主要介紹了移動(dòng)端自適應(yīng)flexible.js使用方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 前端編碼規(guī)范(3)JavaScript 開發(fā)規(guī)范

    前端編碼規(guī)范(3)JavaScript 開發(fā)規(guī)范

    這篇文章主要介紹了前端編碼規(guī)范(3)JavaScript 開發(fā)規(guī)范,需要的朋友可以參考下
    2017-01-01
  • Javascript排序算法之合并排序(歸并排序)的2個(gè)例子

    Javascript排序算法之合并排序(歸并排序)的2個(gè)例子

    這篇文章主要介紹了Javascript排序算法之合并排序(歸并排序)的2個(gè)例子,需要的朋友可以參考下
    2014-04-04
  • javascript 獲取瀏覽器版本

    javascript 獲取瀏覽器版本

    這篇文章主要介紹了javascript 獲取瀏覽器版本的相關(guān)資料,需要的朋友可以參考下
    2015-01-01
  • javascript中數(shù)組array及string的方法總結(jié)

    javascript中數(shù)組array及string的方法總結(jié)

    本文結(jié)合自己的使用經(jīng)驗(yàn),給大家總結(jié)了javascript中數(shù)組array及string的使用方法,這里推薦給有需要的小伙伴。
    2014-11-11
  • javascript中的throttle和debounce淺析

    javascript中的throttle和debounce淺析

    這篇文章主要介紹了javascript中的throttle和debounce淺析,分別介紹了throttle和debounce的使用場景及具體案例,需要的朋友可以參考下
    2014-06-06
  • 最新評(píng)論