作者:小哥脾气 | 来源:互联网 | 2023-09-24 14:52
求助:关于javascript中怎么样实现字体加粗这里讲css的,下边是一个例子,你可以参考下。你要实现的改变选中文字的这个功能,好像很难实现(不是不能,是很难).htmlhead
求助:关于Javascript中怎么样实现字体加粗
这里讲css的,下边是一个例子,你可以参考下。你要实现的改变选中文字的这个功能,好像很难实现(不是不能,是很难).
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
如何用JS实现 点击按钮 文本框内的文字加粗?
实现点击按钮文本框内文字加粗的方式有以下两种方式:
1、直接修改或者添加css样式:
$("button").click(function(){
$("input").css("font-weight","bold");
});
2、添加相应的class类名使其加粗:
$("button").click(function(){
$("input").addClass("fontbold");
});
.fontbold{font-weight:bold};
js中怎么控制文本加粗
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html的script标签中,输入js代码:if (size = 12) zoom.style.fOntWeight= 'bold';。
3、浏览器运行index.html页面,此时发现点击中和大,字体会加粗。
如何用Javascript实现对文本域加粗,斜体和下划线效果的设置
1、可以通过 style 让整个文本框内容加粗,但没有办法单独改变部分文字的样式。
2、下面的代码只是个例子,可以实现将选择的文本加粗,但实际应用中考虑的问题还有很多,IE 9, Firefox 19, Chrome 26 下测试都没有问题,Safari 会出现移位错误,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';
// 点击加粗
document.getElementById("bold").onclick = function() {
// 获取选择
var sel = frameDoc.getSelection();
// 获取选择的文字
var txt = sel.getRangeAt(0).extractContents().textContent;
// 选择范围
range = sel.getRangeAt(0);
// 删除被选择的内容
range.deleteContents();
// 创建新的元素 strong
var bold = frameWin.document.createElement("strong");
// 设置 strong 内容
bold.innerHTML = txt;
// 在被选择的位置添加加粗的元素
range.insertNode(bold);
};
};
/script
iframe id="result"/iframe
input type="button" id="bold" value="加粗" /
请问怎么把下面这一段js代码字体加粗?
是要把代码加粗,还是代码生成文字加粗?
代码生成的文字加粗
document.getElementById("showsectime").innerHTML = "b本站已安全运行"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒/b";
只需要在你输出的文字前后加上b/b标签就可以了
js中怎么加粗
!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