浅谈document.write()输出样式

   这篇文章主要介绍了浅谈document.write()输出样式,十分的简单实用,有需要的小伙伴可以参考下。

  js中的最基本的命令之一:document.write(),用于简单的打印内容到页面上,可以逐字打印你需要的内容——document.write("content"),这里content就是需要输出的内容;当然还有一种情况,需要输出JS之中比如变量等等变化的东西,那么就需要用document.write(+variable);当然variable就是你想要输出的变量。

  既然可以输出变量,肯定会想要去控制下变量的显示,比如位置以及样式。第一种控制方法是应用内部添加样式的方法,比如

   代码如下:

  document.write("=font-size:20px;font-family= Helvetica;"content""

  果里面需要添加的样式太多,那么不仅显得臃肿,而且修改起来也不会方便。

  这种情况下肯定用选择器肯定会感觉爽一些。不过由于用选择器的时候要用到各种双引号单引号,所以在使用的时候应该注意防止双引号和单引号的提早匹配,我避免的方法是用 " 去提醒浏览器不要过早的匹配,例子如下:

  ?

1

document.write("<div id="ok">"+percentage+"</div>");

  这里定义了一个名叫ok的ID选择器去控制样式,因id名需要用双引号括起来,所以为了避免和前面的双引号匹配,就用 " 给它声明一下,然后在CSS文件里面

  ?

1

#ok{style;}

  就可以去定义自己想要的样式和位置了。

  以上所述就是本文的全部内容了,希望大家能够喜欢。

时间: 2024-11-03 05:57:30

浅谈document.write()输出样式的相关文章

浅谈document.write()输出样式_javascript技巧

js中的最基本的命令之一:document.write(),用于简单的打印内容到页面上,可以逐字打印你需要的内容--document.write("content"),这里content就是需要输出的内容:当然还有一种情况,需要输出JS之中比如变量等等变化的东西,那么就需要用document.write(+variable);当然variable就是你想要输出的变量. 既然可以输出变量,肯定会想要去控制下变量的显示,比如位置以及样式.第一种控制方法是应用内部添加样式的方法,比如 复制代

浅谈$(document)和$(window)的区别_jquery

首先 $(document)这个是获取文档对象 $(window)这个是获取窗口对象,也就是浏览器客户区 给大家举个例子就非常直接明了了 $(document).height() $(window).height() 注意,让网页有滚动条 然后输出一下这两个值得大小,你就知道什么区别了 以上所述就是本文的全部内容了,希望大家能够喜欢. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索$(document) $(window

浅谈PDFlib中文输出(三)PDFlib 的几种文本输出函数

1.PDF_show void PDF_show(PDF *p, const char *text) void PDF_show2(PDF *p, const char *text, int len) 在当前坐标用当前字体及字体大小输出文本. PDF_show将认为字符串是以空字符结尾(NULL):若字符串有可能含有空字符(如多字节字符串),用PDF_show2. 2.PDF_show_xy void PDF_show_xy(PDF *p, const char *text, double x,

浅谈PDFlib中文输出(二)如何在PDFlib中使用其他简体中文字体

除了PDFlib自带字体外,用户还可以使用安装在系统上的字体及其他用户字体. PDFlib称安装在Windows和Mac操作系统中的(存在于或被拷入相应系统字体目录的)TrueType, OpenType 和PostScript字体为宿主字体(Host Font).PDFlib可直接引用字体名进行调用,但必须与文件名完全相同(严格区分大小写).例如,调用安装在Windows系统中的字体: C:\WINDOWS\Fonts\SimHei.ttf int Font_CS = 0; Font_CS =

浅谈PDFlib中文输出(一)如何使用Acrobat标准的简体中文字体

PDF文件格式以其安全可靠,易于交换,及保真度高而成为电子文档的标准.PDFlib是一套在国际上非常流行的在服务器端批量生成PDF文档的功能强大的软件包.国外许多政府,税务,银行,水电,邮电部门用其在线生成PDF格式的单据及报表. 对于国内用户来说,如何使用PDFlib输出简体中文会是我们最关心的问题.在这里我将于大家一起分享自己的一些心得体会,不对之处请指正,若我所说于PDFlib手册有冲突,请以手册为准.我的邮箱是 :bowriver2001@yahoo.ca . 对于没有接触过PDFlib

浅谈PDFlib中文输出(五)-- 人工生成粗体及斜体字形

一般来说, 每种基本字体, 都会有在其基础上变化字形的附加字体.比如,字体Arial, 就有其附加字体Arial Bold (粗体), Arial Italic(斜体), 及Arial Bold Italic(粗斜体).一般你都可以找到或购买到相应的附加字体. 但有时为了应急,或对字体字形没有非常严格的要求.在这样的情况下,我们可以采用人工字形生成(Artificial font styles).Artificial font styles是Acrobat的一个功能,它根据基本字形而模拟生成粗体

浅谈PDFlib中文输出(四)PDFlib 接收的几种文本输入形式

PDFlib的textformat参数用以设定文本输入形式,其有效值如下: bytes: 在字符串中每个字节对应于一个字符.主要应用于8位编码. utf8:字符串是 UTF-8编码. ebcdicutf8:字符串是EBCDIC的UTF-8编码,只应用于IBM iSeries和zSeries. utf16:字符串是 UTF-16编码.如果字符串是以Unicode的标记字节顺序号(BOM)开始,PDFlib会接收BOM信息后将其从字符串首移去.如果字符串不带BOM,字符串的字节顺序将取决于主机的字节

图标字体化浅谈[转]

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化.在微社区项目中,有很多小的Icon(图 标),如分享.回复.赞.返回.话题.访问.箭头等,这些Icon(图标)一般都是纯色的.开始制作时考虑用双倍大小的Sprite图,通过CSS样式设 置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方 案.SVG矢量图等,都因为种种原因放弃掉了(

图标字体化浅谈

           在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题,经过实践发现了一种比较好的解决方案,图标字体化.            在微社区项目中,有很多小的Icon(图标),如分享.回复.赞.返回.话题.访问.箭头等,这些Icon(图标)一般都是纯色的.开始制作时考虑用双倍大小的Sprite图,通过CSS样式设置只显示二分之一尺寸,这样在Retina屏上显示的大小是正常的,一旦放大屏幕后图标又变得模糊不清,测试的效果不是很理想,后来又考虑多套图标适配方案.