js清除css圖片,js刪除圖片

本文目錄一覽：

• 1、如何使用js來控制圖片的css樣式？
• 2、dreamweaver用js+css怎麼做出圖片上的效果
• 3、JS如何清除IE瀏覽器緩存
• 4、為什麼css樣式會被js莫名清除
• 5、怎麼刪除webivew中的緩存css和js
• 6、JS/Jquery，如何實現背景圖片的更換

如何使用js來控制圖片的css樣式？

這個可以用CSS實現就好了。不必要使用JS

圖片放大效果的話，建議用一個額外的 div層放置放大後的圖片，這樣布局就不會亂了。鼠標放上去就顯示這個層。

.img2{

/*這裡寫你的所有圖片都會用到的樣式*/

}

.img2:first-child, .img2:last-child{

/*這裡寫第一個圖片和最後一個圖片會用到的樣式*/

}

.img1:hover .showBigImg{

display:block;

}

對於這個大圖的div層的顯示，可以稍加js控制，這樣就可以所有圖片共用一個div層來放置大圖。

希望能幫助到你

dreamweaver用js+css怎麼做出圖片上的效果

這個是輪播圖，可以使用焦點圖和JS都是可以完成這個效果的。這要看你掌握的情況，也可以直接在網上下載修改使用。

JS如何清除IE瀏覽器緩存

js中自動清除ie緩存方法 — 常用

對於動態文件,比如 index.asp?id=… 或者 index.aspx?id=… 相信有經驗的程序員都知道怎樣禁止瀏覽器緩存數據了.

但是對於靜態文件(css,jpg,gif等等), 在什麼場合下面我們需要禁止瀏覽器緩存他們,怎麼做?

方法一： Dojo中我們可以用簡單的方法完成：在dojo.xhrGet(包括post)等方法中都包含preventCache屬性，此屬性的含義： “默認為啟用瀏覽器緩存，否則將通過自動增加不同的參數來確保瀏覽器緩存失效” 我們只要把此屬性賦值為：“true”即可。

方法二： document.write(“

其中 ver=113 的 113就是版本號，一般都是採用 CVS 或其他工具生成的開發版本號。

這樣真正做到了應該緩存的時候緩存靜態文件，當版本有更新的時候從獲取最新的版本，並更新緩存。

對於圖像 來有效利用和更新緩存.

js清除瀏覽器緩存 二

為了減小瀏覽器與服務器之間網絡傳輸壓力，往往對靜態文件，如js,css,修飾的圖片做cache，也就是給這些文件的HTTP響應頭加入 Expires和Cache-Control參數，並指定緩存時間，這樣一定時間內瀏覽器就不會給服務器發出任何的HTTP請求(除了強制刷新)，即使在 這段時間內服務器的js或css或圖片文件已經更新多次，但瀏覽器的數據依然是原來最能初cache的舊數據，有沒有辦法讓瀏覽器拿到已經修改後的最新數 據呢?

有，方法是用ajax請求服務器最新文件，並加上請求頭If-Modified-Since和Cache-Control,如下:

[url=] 複製代碼 [/url]代碼如下:

$.ajax({

type: “GET”,

url: “static/cache.js”,

dataType: “text”,

beforeSend :function(xmlHttp){

xmlHttp.setRequestHeader(“If-Modified-Since”,”0″);

xmlHttp.setRequestHeader(“Cache-Control”,”no-cache”);

}

});

這裡用了jquery.

這樣瀏覽器就會把最新的文件替換掉本地舊文件。

當然，這裡還一個問題就是js必須知道服務器更新了那個js、css、圖片，利用cookie和時間版本應該可以解決.

jquery自從1.2開始就有ifModified和cache參數了，不用自己加header

ifModified Boolean Default: false

Allow the request to be successful only if the response has changed since the last request. This is done by checking the Last-Modified header. Default value is false, ignoring the header.

cache Boolean Default: true

Added in jQuery 1.2, if set to false it will force the pages that you request to not be cached by the browser.

[url=] 複製代碼 [/url]代碼如下:

$.ajax({

type: “GET”,

url: “static/cache.js”,

dataType: “text”,

cache:false,

ifModified :true

});

為什麼css樣式會被js莫名清除

1、如果使用class加的樣式的話，可以使用document.getElementById(“objid”).className=””來清空樣式；

2、如果是直接加的style=”***”屬性的話，可以使用document.getElementById(“box”).style.cssText = “”來清空樣式。

怎麼刪除webivew中的緩存css和js

在實際項目開發過過程中，頁面是上傳到服務器上的。而為了減少服務器的壓力，讓用戶少加載，瀏覽器會將圖片、css、js緩存到本地中，以便下次訪問網站時使用。這樣做不僅減少了服務器的壓力，並且也減少了用戶的下載次數，獲得更好的用戶體驗。

然而在版本升級或做一些css、js等調整的時候，緩存導致用戶無法顯示更新後的樣式，這是另人頭頭疼的問題。除非用戶自行手動升級緩存，不過幾乎所有用戶不會為了正常訪問這個網站而去手動清除緩存，因為用戶根本不知道是不是緩存的問題，而歸根結底，用戶就是認為你的頁面存在問題，不能正常訪問。

JS/Jquery，如何實現背景圖片的更換

更換背景圖片有兩種方式：

1、直接給元素附加css，因為js附加的css樣式要比css中的樣式權限高，那麼js設置的背景圖片就會覆蓋之前的圖片

$(this).css(“background”,”url(1.jpg) no-repeat 0 0″);

2、寫兩個class，一個class裡面寫一個背景圖片，js中操作的話直接改變元素的class就可以了

$(this).removeClass(‘classA’).addClass(‘classB’);

相對而言，第二種方式更好一點，實現了js中盡量不書寫css的理念，同時第二種可以實現背景圖片不斷替換，而第一種不行