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

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

您可能感興趣的文章:

相關(guān)文章

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