這里講css的,下邊是一個例子,你可以參考下。你要實(shí)現(xiàn)的改變選中文字的這個功能,好像很難實(shí)現(xiàn)(不是不能,是很難).
十余年的東勝網(wǎng)站建設(shè)經(jīng)驗(yàn),針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整東勝建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“東勝網(wǎng)站設(shè)計”,“東勝網(wǎng)站推廣”以來,每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
html
head
SCRIPT LANGUAGE="JavaScript"
!--
function fontZoom(size)
{
document.getElementById("fontzoom").style.fontSize=size+"px"
}
//--
/SCRIPT
/head
body
TABLE
TR
TD id="fontzoom"1234fsdfsdfasd234234311dfasdfsd23/TD
TDa href="javascript:fontZoom(12)"12/a/TD
TDa href="javascript:fontZoom(18)"18/a/TD
/TR
/TABLE
body
/html
實(shí)現(xiàn)點(diǎn)擊按鈕文本框內(nèi)文字加粗的方式有以下兩種方式:
1、直接修改或者添加css樣式:
$("button").click(function(){
$("input").css("font-weight","bold");
});
2、添加相應(yīng)的class類名使其加粗:
$("button").click(function(){
$("input").addClass("fontbold");
});
.fontbold{font-weight:bold};
需要準(zhǔn)備的材料分別是:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,填充問題基礎(chǔ)代碼。
2、在index.html的script標(biāo)簽中,輸入js代碼:if (size = 12)?zoom.style.fontWeight = 'bold';。
3、瀏覽器運(yùn)行index.html頁面,此時發(fā)現(xiàn)點(diǎn)擊中和大,字體會加粗。
1、可以通過?style?讓整個文本框內(nèi)容加粗,但沒有辦法單獨(dú)改變部分文字的樣式。
2、下面的代碼只是個例子,可以實(shí)現(xiàn)將選擇的文本加粗,但實(shí)際應(yīng)用中考慮的問題還有很多,IE?9,?Firefox?19,?Chrome?26?下測試都沒有問題,Safari?會出現(xiàn)移位錯誤,Opera?直接不支持。
script?language="javascript"
window.onload?=?function()?{
//?iframe?窗口
var?frameWin?=?document.getElementById('result').contentWindow;
//?iframe?頁面
var?frameDoc?=?frameWin.document;
//?在?iframe?頁面輸出一些字符
frameDoc.body.innerHTML?=?'Lorem?ipsum?dolor?sit?amet';
//?點(diǎn)擊加粗
document.getElementById("bold").onclick?=?function()?{
//?獲取選擇
var?sel?=?frameDoc.getSelection();
//?獲取選擇的文字
var?txt?=?sel.getRangeAt(0).extractContents().textContent;
//?選擇范圍
range?=?sel.getRangeAt(0);
//?刪除被選擇的內(nèi)容
range.deleteContents();
//?創(chuàng)建新的元素?strong
var?bold?=?frameWin.document.createElement("strong");
//?設(shè)置?strong?內(nèi)容
bold.innerHTML?=?txt;
//?在被選擇的位置添加加粗的元素
range.insertNode(bold);
};
};
/script
iframe?style="width:600px;?height:200px"?id="result"/iframe
input?type="button"?id="bold"?value="加粗"?/
是要把代碼加粗,還是代碼生成文字加粗?
代碼生成的文字加粗
document.getElementById("showsectime").innerHTML?=?"b本站已安全運(yùn)行"+daysold+"天"+hrsold+"小時"+minsold+"分"+seconds+"秒/b";
只需要在你輸出的文字前后加上b/b標(biāo)簽就可以了
!DOCTYPE?html
html
head
meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"
title
RunJS?演示代碼
/title
script?language="javascript"?type="text/javascript"
onload?=function(){
var?now?=?new?Date();
var?strWeek=["周日","周一","周二","周三","周四","周五","周六"][now.getDay()];
var?strHour=now.getHours();
var?strMinutes=now.getMinutes();
var?strSeconds=now.getSeconds();
var?reg?=?/^\d$/;
reg.test(strMinutes)???strMinutes="0"+strMinutes?:?0;
reg.test(strSeconds)???strSeconds="0"+strSeconds?:?0;
var?strMonth=now.getMonth()+1+"月";
var?strDay?=now.getDate()+"日";
var?strTime=strHour+":"+strMinutes+":"+strSeconds;
strTime=strTime.bold();
time.innerHTML=strTime+"?br?/??"+strMonth+strDay+"?"+strWeek;
setTimeout(arguments.callee,?1000);
}
/script
/head
body
div?id="time"
/div
/body
/html
新聞標(biāo)題:加粗JavaScript,加粗快捷鍵ctrl加什么
文章轉(zhuǎn)載:http://jinyejixie.com/article12/dseccdc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、企業(yè)網(wǎng)站制作、服務(wù)器托管、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)