编程 Javascript

javascript实现通过表格绘制颜色填充矩形的方法

Posted in Javascript onApril 21, 2015

本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法。分享给大家供大家参考。具体如下：

<html>
 <head>
  <title> Javascript画矩形 </title>
 <script type="text/javascript">
  //定义函数，传入设置参数，返回一个有背景颜色的表格
  function drawFilledRect(x,y,w,h,color)
  {
   document.write("<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+(w)+" height="+(h)+"></td></tr></table>")
  }
 </script>
 </head>
 <body >
 <script type="text/javascript">
  //调用两次画矩形的函数
  drawFilledRect(20,80,100,100,"red");
  drawFilledRect(20,180,100,100,"lime");
 </script>
 </body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

- Author -

小萝莉

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

AngularJS实践之使用NgModelController进行数据绑定

Oct 08 Javascript

利用Js的console对象,在控制台打印调式信息测试Js的实现

Nov 26 Javascript

Bootstrap导航条的使用和理解3

Dec 14 Javascript

JavaScript实现的搜索及高亮显示功能示例

Aug 14 Javascript

20170918 前端开发周报之JS前端开发必看

Sep 18 Javascript

在Vue组件上动态添加和删除属性方法

Feb 23 Javascript

Angular 封装并发布组件的方法示例

Apr 19 Javascript

微信小程序+云开发实现欢迎登录注册

May 24 Javascript

elementUI vue this.$confirm 和el-dialog 弹出框移动示例demo

Jul 03 Javascript

Vue的编码技巧与规范使用详解

Aug 28 Javascript

layer实现弹出层自动调节位置

Sep 05 Javascript

JS实现可视化音频效果的实例代码

Jan 16 Javascript

jQuery标签编辑插件Tagit使用指南

Apr 21 #Javascript

jQuery背景插件backstretch使用指南

Apr 21 #Javascript

jQuery关键词说明插件cluetip使用指南

Apr 21 #Javascript

纯js实现重发验证码按钮倒数功能

Apr 21 #Javascript

jQuery滚动条插件nanoscroller使用指南

Apr 21 #Javascript

jQuery验证插件validation使用指南

Apr 21 #Javascript

jQuery拖拽插件gridster使用指南

Apr 21 #Javascript

You might like

浅析echo(),print(),print_r(),return之间的区别

2013/11/27 PHP

php支付宝手机网页支付类实例

2015/03/04 PHP

PHP判断是否连接上网络的方法

2015/07/01 PHP

php中关于换行的实例写法

2019/09/26 PHP

关于Laravel-admin的基础用法总结和自定义model详解

2019/10/08 PHP

laravel框架数据库配置及操作数据库示例

2019/10/10 PHP

再谈querySelector和querySelectorAll的区别与联系

2012/04/20 Javascript

用javascript模仿ie的自动完成类似自动完成功的表单

2012/12/12 Javascript

Jquery为单选框checkbox绑定单击click事件

2012/12/18 Javascript

P3P Header解决Cookie跨域的问题

2013/03/12 Javascript

深入浅出理解javaScript原型链

2015/05/09 Javascript

apply和call方法定义及apply和call方法的区别

2015/11/15 Javascript

javascript实现不同颜色Tab标签切换效果

2016/04/27 Javascript

通过jquery获取上传文件名称、类型和大小的实现代码

2018/04/19 jQuery

elementUI select组件value值注意事项详解

2019/05/29 Javascript

[04:20]DOTA2-DPC中国联赛正赛 VG vs LBZS 选手采访 1月19日

2021/03/11 DOTA

python socket 超时设置 errno 10054

2014/07/01 Python

简单介绍Python中用于求最小值的min()方法

2015/05/15 Python

Python入门之modf()方法的使用

2015/05/15 Python

Python 判断奇数偶数的方法

2018/12/20 Python

Python使用Pandas库实现MySQL数据库的读写

2019/07/06 Python

扩展Django admin的list_filter()可使用范围方法

2019/08/21 Python

Tensorflow安装问题: Could not find a version that satisfies the requirement tensorflow

2020/04/20 Python

python 实现学生信息管理系统的示例

2020/11/28 Python

HTML5使用DOM进行自定义控制示例代码

2013/06/08 HTML / CSS

百丽国际旗下购物网站：优购

2017/02/28 全球购物

KARATOV珠宝在线商店：俄罗斯珠宝品牌

2019/03/13 全球购物

馥绿德雅美国官方网站：Rene Furterer头皮护理专家

2019/05/01 全球购物

自我评价范文点评

2013/12/04 职场文书

个人素质的自我评价分享

2013/12/16 职场文书

入股协议书

2014/04/14 职场文书

小学语文课后反思精选

2014/04/25 职场文书

2015年世界环境日演讲稿

2015/03/18 职场文书

小学生红领巾广播稿

2015/08/19 职场文书

初任公务员培训心得体会

2016/01/08 职场文书

六年级作文之预言作文

2019/10/25 职场文书