<html>
 <head>
  <title> Javascript畫(huà)矩形 </title>
 <script type="text/javascript">
  //定義函數(shù)，傳入設(shè)置參數(shù)，返回一個(gè)有背景顏色的表格
  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">
  //調(diào)用兩次畫(huà)矩形的函數(shù)
  drawFilledRect(20,80,100,100,"red");
  drawFilledRect(20,180,100,100,"lime");
 </script>
 </body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript運(yùn)行機(jī)制之事件循環(huán)(Event Loop)詳解
這篇文章主要介紹了JavaScript運(yùn)行機(jī)制之事件循環(huán)(Event Loop)詳解,本文從多個(gè)方面講解了Event Loop,需要的朋友可以參考下
2014-10-10
JavaScript中的console.profile()函數(shù)詳細(xì)介紹
這篇文章主要介紹了JavaScript中的console.profile()函數(shù)詳細(xì)介紹,本文講解了console.profile()函數(shù)的瀏覽器支持情況、console.profile()的使用、Firebug中Profile按鈕的使用等內(nèi)容,需要的朋友可以參考下
2014-12-12
JavaScript中String和StringBuffer的速度之爭(zhēng)
很多Javascript書(shū)籍中都是類(lèi)比于Java說(shuō)String在頻繁的和大量的字符串連接方面的效率是不如StringBuffer的。
2010-04-04
5個(gè)JavaScript經(jīng)典面試題
這篇文章主要介紹了5個(gè)JavaScript經(jīng)典面試題,這些面試題可能在各種公司的javascript面試中都會(huì)出現(xiàn),需要的朋友可以參考下
2014-10-10
深入理解Javascript中的作用域鏈和閉包
之前我們講到數(shù)組遍歷, 本文我們更進(jìn)一步, 講講如何提高遍歷的效率. 下面這篇文章主要深入的介紹了Javascript中作用域鏈和閉包的相關(guān)資料，需要的朋友可以參考下
2017-04-04
webpack打包node.js后端項(xiàng)目的方法
本篇文章主要介紹了webpack打包node.js后端項(xiàng)目的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-03-03
JS實(shí)現(xiàn)訪問(wèn)DOM對(duì)象指定節(jié)點(diǎn)的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)訪問(wèn)DOM對(duì)象指定節(jié)點(diǎn)的方法,結(jié)合實(shí)例形式分析了javascript針對(duì)DOM元素節(jié)點(diǎn)屬性相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
JavaScript之a(chǎn)ppendChild、insertBefore和insertAfter使用說(shuō)明
這幾天需要用到對(duì)HTML節(jié)點(diǎn)元素的刪/插操作，由于用到insertBefore方法的時(shí)候遇到了一些麻煩，現(xiàn)在作為知識(shí)的整理，分別對(duì)appendChild、insertBefore和insertAfter做個(gè)總結(jié)
2010-12-12
JavaScript動(dòng)態(tài)生成二維碼圖片
本文給大家介紹js動(dòng)態(tài)生成二維碼圖片的相關(guān)內(nèi)容，感興趣的朋友一起學(xué)習(xí)吧
2016-04-04
面包屑導(dǎo)航詳解
本篇文章我們從面包屑導(dǎo)航的樣式，面包屑導(dǎo)航的代碼等方面詳細(xì)給大家分析了它的作用和設(shè)計(jì)技巧，如果你有這方便的需要，學(xué)習(xí)參考下吧。
2017-12-12