编程 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 相关文章推荐

js 分栏效果实现代码

Aug 29 Javascript

如何通过javascript操作web控件的自定义属性

Nov 25 Javascript

js 动态为textbox添加下拉框数据源的方法

Apr 24 Javascript

C++中的string类的用法小结

Aug 07 Javascript

vue-cli如何添加less 以及sass

Jul 06 Javascript

深入浅析Vue不同场景下组件间的数据交流

Aug 15 Javascript

基于Vue实现图书管理功能

Oct 17 Javascript

详解redux异步操作实践

Aug 15 Javascript

Vue 中的受控与非受控组件的实现

Dec 17 Javascript

在SSM框架下用laypage和ajax实现分页和数据交互的方法

Sep 27 Javascript

微信小程序云函数添加数据到数据库的方法

Mar 04 Javascript

JS实现移动端可折叠导航菜单（现代都市风）

Jul 07 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

2015/03/24 PHP

PHP常用操作类之通信数据封装类的实现

2017/07/16 PHP

Nginx下ThinkPHP5的配置方法详解

2017/08/01 PHP

Laravel框架文件上传功能实现方法示例

2019/04/16 PHP

通过javascript设置css属性的代码

2009/12/28 Javascript

js通过googleAIP翻译PHP系统的语言配置的实现代码

2011/10/17 Javascript

js采用map取到id集合组并且实现点击一行选中一行

2013/12/16 Javascript

javascript中数组的冒泡排序使用示例

2013/12/18 Javascript

js中数组(Array)的排序(sort)注意事项说明

2014/01/24 Javascript

jquery通过select列表选择框对表格数据进行过滤示例

2014/05/07 Javascript

JS使用eval解析JSON的注意事项分析

2015/11/14 Javascript

详解JavaScript函数

2015/12/01 Javascript

星期几的不同脚本写法(推荐)

2016/06/01 Javascript

Extjs让combobox写起来简洁又漂亮

2017/01/05 Javascript

利用Node.js对文件进行重命名

2017/03/12 Javascript

Vue键盘事件用法总结

2017/04/18 Javascript

javascript定时器的简单应用示例【控制方块移动】

2019/06/17 Javascript

通过原生vue添加滚动加载更多功能

2019/11/21 Javascript

Vue+Element实现网页版个人简历系统(推荐)

2019/12/31 Javascript

深入解读VUE中的异步渲染的实现

2020/06/19 Javascript

vue-cli打包后本地运行dist文件中的index.html操作

2020/08/12 Javascript

pytyon 带有重复的全排列

2013/08/13 Python

详解如何使用Python编写vim插件

2017/11/28 Python

python截取两个单词之间的内容方法

2018/12/25 Python

Python按钮的响应事件详解

2019/03/04 Python

对python 树状嵌套结构的实现思路详解

2019/08/09 Python

简单了解python元组tuple相关原理

2019/12/02 Python

PyCharm配置anaconda环境的步骤详解

2020/07/31 Python

Tarte Cosmetics官网：美国最受欢迎的化妆品公司之一

2017/08/24 全球购物

For Art’s Sake官网：手工制作的奢华眼镜

2018/12/15 全球购物

给水排水工程专业毕业生推荐信

2013/10/28 职场文书

新郎结婚保证书

2015/02/26 职场文书

社区国庆节活动总结

2015/03/23 职场文书

教师思想工作总结2015

2015/05/13 职场文书

公开致歉信

2019/06/24 职场文书

Vue3实现简易音乐播放器组件

2022/08/14 Vue.js