1. 程式人生 > >所有圖片都載入完成 再進行網頁列印的實現

所有圖片都載入完成 再進行網頁列印的實現

使用JS列印很簡單 

window.print();

這麼做的缺點是,如果這個頁面圖片沒載入完成 改方法也會執行

如何做到所有圖片都載入完成再列印呢

程式碼如下

function __Print(){
    var img_length = $("img").length;
    var img_start = 0;
    $('img').each(function(){
        var oneImg = new Image();  
        oneImg.src = $(this).attr('src'); 
        oneImg.onload=function(){
            img_start++;
            console.info(img_start);
            if(img_start == img_length){
                window.print();
            }
            
        };
    })
}

思路就是遍歷所有img元素, 對其進行載入完成的處理

當處理的次數和圖片的數量相等時 進行列印

如果這個文章幫助到了你 請留言哦!

相關推薦

所有圖片載入完成 進行網頁列印實現

使用JS列印很簡單 window.print();這麼做的缺點是,如果這個頁面圖片沒載入完成 改方法也會執行如何做到所有圖片都載入完成再列印呢程式碼如下function __Print(){ var img_length = $("img").length;

html dom與javascript的關系 -我們用JavaScript對網頁(HTML)進行所有操作是通過DOM進行

兩種 得來 來講 都對 標記 組織 程序員 tro sdn 一,什麽是DOM (參考源http://www.cnblogs.com/chaogex/p/3959723.html) DOM是什麽 DOM全稱為The Document Object Model,應該理解為是一個

使用執行緒池時讓所有執行緒執行完進行下一步

    我們知道,當不使用執行緒池時,想讓A執行緒在B執行緒執行完之後執行,需要在A中的某個呼叫處,呼叫B.join,但如果使用jdk1.5以後提供的執行緒池ExecutorService,這個就用不上了,用了會出同步問題,其實這個場景應該是很常見的吧,比如你用多執行緒併發執

判斷圖片是否載入完成的三種方式

有時需要獲取圖片的尺寸,這需要在圖片載入完成以後才可以。有三種方式實現,下面一一介紹。 一、load事件 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8">

js判斷圖片是否載入完成

<span style="font-family:Microsoft YaHei;font-size:12px;"><!DOCTYPE html> <html lang

實現一個請求的所有日誌擁有同一個標識,簡稱:實現基於RPC呼叫的輕量服務追蹤。

目錄 第一步:消費者專案裡:使用的日誌工具是logback ,下面看日誌配置檔案logback-spring.xml內容,重點是:[%thread]:列印日誌時獲取當前執行緒的名稱 第二步:消費者專案裡:寫個攔截器,主要是preHandle方法,給當前請求的執行緒設定一個執行緒名稱

HTML網頁列印實現分頁列印功能

<html> <head> <title>頁面列印</title> <!--media=print 這個屬性在列印時有效 有些不想打印出來的分頁列印的都可以應用這類樣式進行控制 在非列印時是無效的(可從列印預覽

js中如何控制所有頁面載入完成後,執行某些方法

做頁面時經常會遇到當前頁面載入完成後,執行某些初始化工作。這時候就要知道如何判斷頁面(包括IFRAME)已經載入完成,程式碼如下: <script language="javascript">       document.onreadystatechange

django自定義許可權防止所有使用者進行刪除操作

場景描述:對於刪除操作等不希望所有登入使用者都能刪除,且不是使用django進行的資料控制,需要進行特殊控制 1,url檔案: path('task-del.html', views.TaskDel.as_view(), name='task_del'), 2,views檔案:

vb.net 網頁載入完成判斷

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load         WebBrowser1.ScriptErrorsSuppressed = True '網頁

http協議是用於從全球資訊網伺服器傳輸超文字到本地瀏覽器的傳送協議。所有www遵從這個協議。http是一個基於TCP/IP的通訊協議來傳遞html 檔案 查詢結果 圖片檔案等

HTTP 工作原理 HTTP協議工作於客戶端-服務端架構上。瀏覽器作為HTTP客戶端通過URL向HTTP服務端即WEB伺服器傳送所有請求。 Web伺服器有:Apache伺服器,IIS伺服器(Internet Information Services)等。 Web伺服器根據接收到的請求後

flutter動畫和進行圖片載入

1.進行簡單的移動,旋轉等動畫操作,具體的操作可以檢視api transform: new Matrix4.rotationZ(0.1), 沿z軸旋轉 transform: new Matrix4.translationValues(10.0, 30.0, 30.0), 2.對於Contai

從輸入URL到頁面載入完成在哪些層經過了哪些步驟?

1、客戶端輸入URL並按下回車 2、瀏覽器查詢當前URL是否存在快取,並比較快取是否過期,沒有過期的話,直接跳到9 3、應用層DNS解析URL對應的IP 4、傳輸層根據IP建立TCP連結(三次握手) 5、連結成功後,應用層HTTP發起請求 6、伺服器處理請求,瀏覽器接收HTTP響

網頁圖片載入的原理

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

如何在背景圖片載入完成之後顯示頁面內容

首先後去後端資料,看看需要載入什麼圖片,共幾個圖片 for (var i = 0; i < that.vClassList.length; i++) { if(that.vClassList[i].msgTypeCode=='18

用python擷取螢幕特定位置(具體class)的圖片(多用於爬蟲時遇到的驗證碼擷取,進行反反爬)

比如在爬蟲時遇到頁面顯示驗證碼驗證環節,需要先擷取到驗證碼,再識別、輸入驗證碼,完成識別過程。 以爬取zhipin.com 為例。遇到的反爬頁面顯示如下: 擷取思路: 1,用selenium開啟該反爬的頁面,截全屏 2,定位到驗證碼處,截圖儲存即可 程式碼如下: fr

css控制網頁所有圖片圖片大於指定寬度圖片等於指定寬度

img{   border:none; max-width:458px;   width:expression(this.width>458?"458px":this.width);   /*max-height:720px;   height:expression(t

mfc webbrowser判斷網頁載入完成

mfc 的webbrowser是大家使用非常多的一種檢視操作網頁的一種控制元件,在使用中,判斷網頁什麼時候載入完成就顯得非常重要了。下面介紹我採用的一種方法,這種方法可以判斷網頁內部即使有frame網頁也是可以判斷成功。 在對話方塊裡新增一個webbrowser控制元件,在對話方塊的初始化函

原生JS判斷頁面中圖片載入完成

自己寫的判斷頁面中圖片載入完成的方法,用原生JS完成,不用jq主要考慮在不載入jq的情況下,程式碼可以正常執行 判斷指定ID的盒子中所有圖片載入,demo程式碼如下: <!DOCTYPE HTML> <html> <head> &l