JS里怎么写字体样式,document.write中怎么写能控制其中显示字体样式

相关知识: document.write是JS语句: 比如:document.wtite(H2我是标题/H2); 意思是在body/body标记中写入H2我是标题H2. 最直接的意思就是: body H2我是标题/H2 /body 如何在document.wtite中控制文字样式,有两种办法: 1.写成行内样式,例子: document.wr

相关知识:
document.write是JS语句:
比如:document.wtite(‘<H2>我是标题</H2>’);
意思是在<body></body>标记中写入<H2>我是标题<H2>.
最直接的意思就是:
<body>
<H2>我是标题</H2>
</body>

如何在document.wtite中控制文字样式,有两种办法:
1.写成行内样式,例子:
document.write(“<font style=’font-size:12px; color:#FF0000′>我们在一起</font>”)

复杂的写法如:
在document.write(“距”+s+”开幕还有”+n+”天”)语句中怎么控制显示出来的“距”、“开幕还有”、“天”等字的样式呢?
答案:
document.write(“<font style=’font-size:12px; color:#FF0000′>距</font>”+s+”<font style=’font-size:12px; color:#FF0000′>开幕还有</font”+n+”<font style=’font-size:12px; color:#FF0000′>天</font>”)

缺点是如果参数过多,会造成页面很臃肿,那么可以采取下面这种写法。

2.写到DIV里,例子:
document.write(‘<div class=”wm”>我们在一起</div>’);
然后在写一个.wm来控制样式
<style>
.wm{ font-size:36px; font-family:”微软雅黑”; margin: 0 auto;text-align: center;}
</style>

这样是不是方便多了呢。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

最近遇到一个需求,需要点击按钮,复制 p 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ,可以复制选中的内容 document.exe
String对象的方法 方法一: indexOf() (推荐) var str = 123;console.log(str.indexOf(3) != -1 ); // trueindexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现,则该方法返回 -1。 方法二: search() var str = 1
js代码部分: $(.aFileBtn).on(change,input[type=file],function(){ var filePath=$(this).val(); //filePath.indexOf(jpg)!=-1 || filePath.indexOf(png)!=-1 if(filePath.length 0){ $(.fileerrorTip).html().hide(); var arr=filePath.split(\\); var fi
本文实例为大家分享了js弹出窗口展示的具体代码,供大家参考,具体内容如下 !DOCTYPE htmlhtmlhead lang=en meta charset=UTF-8 title/title style body{ /*margin: 0;*/ } #div1{ width: 100px; height: 100px; border: 1px solid red; } /style/headbodydi
通过使用form的onsibmit来控制是否提交数据 返回值为真是提交,其他不变,示例如下: JS部分 function check() { var newPwd = document.getElementById(newPwd); var confirmNewPwd = document.getElementById(confirmNewPwd); if (newPwd.value == confirm
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么。在导师的催促下就总结出以下的几种常用表单提交的方法。 第一种方式:表单提交,在form标签中增加onsu