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

代码生成器 document.write()

Apr 15 Javascript

javascript arguments 传递给函数的隐含参数

Aug 21 Javascript

div移动输入框不能输入的问题

Nov 19 Javascript

jquery 跨域访问问题解决方法(笔记)

Jun 08 Javascript

JS 获取滚动条高度示例代码

Oct 24 Javascript

jQuery实现仿美橙互联两级导航菜单效果完整实例

Sep 17 Javascript

jquery实现触发时更新下拉列表内容的方法

Dec 02 Javascript

jQuery实现图片轮播效果代码(基于jquery.pack.js插件)

Jun 02 Javascript

Vue中的v-cloak使用解读

Mar 27 Javascript

JavaScript实现隐藏省略文字效果的方法

Apr 27 Javascript

jQuery层叠选择器用法实例分析

Jun 28 jQuery

Rust中的Struct使用示例详解

Aug 14 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

第九节--绑定

2006/11/16 PHP

phpmyadmin的#1251问题

2006/11/25 PHP

在Yii框架中使用PHP模板引擎Twig的例子

2014/06/13 PHP

php微信开发之图片回复功能

2018/06/14 PHP

PHP实现支持CURL字符串证书传输的方法

2019/03/23 PHP

jQuery使用手册之事件处理

2007/03/24 Javascript

Javascript 中的类和闭包

2010/01/08 Javascript

Extjs学习过程中新手容易碰到的低级错误积累

2010/02/11 Javascript

jQuery的学习步骤

2011/02/23 Javascript

这些年、我收集的JQuery代码小结

2012/08/01 Javascript

jquery、js操作checkbox全选反选

2014/03/12 Javascript

输入框过滤非数字的js代码

2014/09/18 Javascript

JavaScript中常见获取元素的方法汇总

2015/03/04 Javascript

JS实现兼容各浏览器解析XML文档数据的方法

2015/06/01 Javascript

JavaScript实现将文本框的值插入指定位置的方法

2015/08/13 Javascript

AngularJS中run方法的巧妙运用

2017/01/04 Javascript

JS中关于正则的巧妙操作

2017/08/31 Javascript

简单明了区分escape、encodeURI和encodeURIComponent

2018/05/26 Javascript

webpack4.x开发环境配置详解

2018/08/04 Javascript

vue 组件的封装之基于axios的ajax请求方法

2018/08/11 Javascript

JS数组方法reverse()用法实例分析

2020/01/18 Javascript

[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19

2018/08/21 DOTA

python 简易计算器程序，代码就几行

2009/08/29 Python

python Selenium爬取内容并存储至MySQL数据库的实现代码

2017/03/16 Python

Android分包MultiDex策略详解

2017/10/30 Python

Python set常用操作函数集锦

2017/11/15 Python

Python 使用类写装饰器的小技巧

2018/09/30 Python

Python检查和同步本地时间(北京时间)的实现方法

2018/12/03 Python

在linux系统下安装python librtmp包的实现方法

2019/07/22 Python

python实现图像检索的三种(直方图/OpenCV/哈希法)

2019/08/08 Python

Django 查询数据库并返回页面的例子

2019/08/12 Python

使用sublime text3搭建Python编辑环境的实现

2021/01/12 Python

全球最大的中文旅行网站：去哪儿网

2017/11/16 全球购物

党的群众路线学习材料

2014/05/16 职场文书

群众路线查摆问题整改措施思想汇报

2014/10/10 职场文书

MongoDB 常用的crud操作语句

2021/06/20 MongoDB