javascript設(shè)置頁面背景色及背景圖片的方法

更新時間：2015年12月29日 15:29:27 作者：彥輝

這篇文章主要介紹了javascript設(shè)置頁面背景色及背景圖片的方法,涉及JavaScript動態(tài)操作頁面元素屬性的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了javascript設(shè)置頁面背景色及背景圖片的方法。分享給大家供大家參考，具體如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>
function update(temp)
{
  if(temp == 'color')
  {
   document.body.style.backgroundColor="#FFFFFF";//改變背景色
  }
  if(temp == 'img')
  {
   document.body.style.backgroundImage="url(images/bgimg.gif)";//改變背景圖片
  }
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#CCFFFF">
<input type = button value="改變背景色" onclick="update('color')">
<input type = button value="改變背景圖片" onclick="update('img')">
</BODY>
</HTML>

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

您可能感興趣的文章:

相關(guān)文章

js實現(xiàn)touch移動觸屏滑動事件
在開始描述touch事件之前，需要先描述一下多觸式系統(tǒng)中特有的touch對象（android和iOS乃至nokia最新的meego系統(tǒng)都模擬了類似的對象）。這個對象封裝一次屏幕觸摸，一般來自于手指。它在touch事件觸發(fā)的時候產(chǎn)生，可以通過touch event handler的event對象取到
2015-04-04
詳解JavaScript中Hash Map映射結(jié)構(gòu)的實現(xiàn)
Hash Map通常在JavaScript中作為一個簡單的來存儲鍵值對的地方,不過哈希對象Object并不是一個真正的哈希映射,沒Java中的Hash Map來的那么強大,well,接下來帶大家詳解JavaScript中Hash Map映射結(jié)構(gòu)的實現(xiàn)
2016-05-05
JS實現(xiàn)黑客帝國文字下落效果
看過黑客帝國的朋友或許都對開頭的字幕效果很熟悉，自從影片播放以來，網(wǎng)頁設(shè)計者有不少都在模仿這種文字下落的效果，而且還有文字漸變效果，對我們學習研究JS還是挺有幫助的哦，下面跟著小編一起學習JS 黑客帝國文字下落效果吧
2015-09-09
elementui更改el-dialog關(guān)閉按鈕的圖標d的示例代碼
這篇文章主要介紹了elementui更改el-dialog關(guān)閉按鈕的圖標，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-08-08
全解跨域請求問題處理方法及分析
這篇文章主要為大家介紹了全解跨域請求問題處理方法及分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>
2023-07-07
一文搞懂JavaScript中原型與原型鏈
js中的原型與原型鏈應該是老生常談的話題了，在前端面試中基本都是必問的一個問題，但是很多人還是稀里糊涂的，只知道其表層含義。本文將帶大家深入了解JavaScript中的原型與原型鏈，感興趣的可以學習一下
2022-10-10
JavaScript中使用stopPropagation函數(shù)停止事件傳播例子
這篇文章主要介紹了JavaScript中使用stopPropagation函數(shù)停止事件傳播例子,即阻止事件冒泡的一個方法,需要的朋友可以參考下
2014-08-08
JS實現(xiàn)蘋果計算器
這篇文章主要為大家詳細介紹了JS實現(xiàn)蘋果計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
JS前端組件注冊與畫布渲染實例
這篇文章主要為大家介紹了JS前端組件注冊與畫布渲染實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02
自定義百度分享的分享按鈕
這篇文章主要介紹了自定義百度分享的分享按鈕的相關(guān)資料,需要的朋友可以參考下
2015-03-03