document.write()及其输出内容的样式、位置控制
更新时间：2013年08月12日 15:57:46 作者：
document.write（），用于简单的打印内容到页面上，可以逐字打印你需要的内容，既然可以输出变量，肯定会想要去控制下变量的显示，比如位置以及样式
JS中的最基本的命令之一：document.write（），用于简单的打印内容到页面上，可以逐字打印你需要的内容——document.write("content"),这里content就是需要输出的内容；当然还有一种情况，需要输出JS之中比如变量等等变化的东西，那么就需要用document.write(+variable);当然variable就是你想要输出的变量。
既然可以输出变量，肯定会想要去控制下变量的显示，比如位置以及样式。第一种控制方法是应用内部添加样式的方法，比如
document.write("<font style>=font-size:20px;font-family= Helvetica;"content"</font>"这样，不过如果里面需要添加的样式太多，那么不仅显得臃肿，而且修改起来也不会方便。
这种情况下肯定用选择器肯定会感觉爽一些。不过由于用选择器的时候要用到各种双引号单引号，所以在使用的时候应该注意防止双引号和单引号的提早匹配，我避免的方法是用 \" 去提醒浏览器不要过早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
这里定义了一个名叫ok的ID选择器去控制样式，因id名需要用双引号括起来，所以为了避免和前面的双引号匹配，就用 \" 给它声明一下，然后在CSS文件里面
#ok{style;}
就可以去定义自己想要的样式和位置了。
既然可以输出变量，肯定会想要去控制下变量的显示，比如位置以及样式。第一种控制方法是应用内部添加样式的方法，比如
document.write("<font style>=font-size:20px;font-family= Helvetica;"content"</font>"这样，不过如果里面需要添加的样式太多，那么不仅显得臃肿，而且修改起来也不会方便。
这种情况下肯定用选择器肯定会感觉爽一些。不过由于用选择器的时候要用到各种双引号单引号，所以在使用的时候应该注意防止双引号和单引号的提早匹配，我避免的方法是用 \" 去提醒浏览器不要过早的匹配，例子如下：
document.write("<div id=\"ok\">"+percentage+"</div>");
这里定义了一个名叫ok的ID选择器去控制样式，因id名需要用双引号括起来，所以为了避免和前面的双引号匹配，就用 \" 给它声明一下，然后在CSS文件里面
#ok{style;}
就可以去定义自己想要的样式和位置了。
相关文章
wxs相当于一个独立模块,相当于一个独立出来的module对象,通过module.exports向外暴露,在文件中引入即可使用,下面这篇文章主要给大家介绍了关于微信小程序中wxs文件的一些妙用,需要的朋友可以参考下2022-01-01
这篇文章主要介绍了JavaScript的AOP编程,以实例形式分析了javascript面向切面编程的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要给大家介绍了关于js中对象与对象创建方法的各种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-02-02
这篇文章主要介绍了微信小程序网络层封装（promise, 登录锁），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
详解用原生JavaScript实现jQuery的某些简单功能
本篇文章主要对用原生JavaScript实现jQuery的某些简单功能进行详细全面的讲解，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
使用bootstrap validator的remote验证代码经验分享(推荐)
这篇文章主要介绍了使用bootstrap validator的remote验证器验证经验分享(推荐)的相关资料,本文介绍的非常详细，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JavaScript如何实现烟花绽放动画效果，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-08-08
在Web前端开发中,有时我们需要在特定的时间点执行某些任务,例如每日定时发送数据报告、每小时更新一次用户界面等,JavaScript 提供了多种方法来实现这一需求,本文将详细介绍如何使用这些工具和技术,并通过丰富的代码示例展示其具体应用,需要的朋友可以参考下2025-02-02
一个项目，包括了一个列表页其中包括在列表中实现上移，下移，删除等功能，为了用户体验，操作均使用JS实现2014-09-09
IntersectionObserver判断是否在可视区域详解
这篇文章主要为大家介绍了IntersectionObserver判断是否在可视区域详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
最新评论