1. 程式人生 > >js新增loading載入樣式

js新增loading載入樣式

在資料沒拿到前新增loading載入樣式,其中var loadingMask = document.getElementById(‘loadingDiv’);
loadingMask.parentNode.removeChild(loadingMask); 去除載入樣式,自己選擇載入圖片。

var _LoadingHtml = '<div id="loadingDiv" style="position:absolute;left:0;width:100%;height:100%;top:0;background:#000000;opacity:0.3;filter:alpha(opacity=80);z-index:10000;"><div style="position: absolute; cursor1: wait; left:50%; top:50%; width:50%;"><img src="../static/images/waiting.gif"/></div></div>'
; document.write(_LoadingHtml); //監聽載入狀態改變 document.onreadystatechange = completeLoading; //載入狀態為complete時移除loading效果 function completeLoading() { if (document.readyState == "complete") { var loadingMask = document.getElementById('loadingDiv'); loadingMask.parentNode.removeChild(loadingMask); } }`

相關推薦

js新增loading載入樣式

在資料沒拿到前新增loading載入樣式,其中var loadingMask = document.getElementById(‘loadingDiv’); loadingMask.parentNode.removeChild(loadingMask);

angualr 載入速度慢,為頁面初始化完成前新增loading

1、在專案根目錄下index.html新增loading模板: <div class="loading-box" id="loading"> <div class="mark"></div> <img width="20" he

簡單實用的JS實現頁面載入完畢之前loading提示效果(相容性較強的loading載入程式碼)

一種簡單實用的JS實現頁面載入完畢之前loading提示效果 做成js呼叫即可: 一、JS程式碼: var _PageHeight = document.documentElement.clientHeight, _PageWidth = documen

酷炫loading載入js外掛layer_loading

Layer_loading 1、依賴包 layer.js,jquery.js,可自行搜尋下載。 2、使用方法 首先,下載,其次,引入layer_loading.css和layer_loading.

本地IIS部署的arcgis js api ,載入地圖樣式改變 --解決方案

之前部署了離線的arcgis js api ,在載入地圖的時候google 瀏覽器總是提示跨域的問題,而且地圖的樣式也發生了變化,但是引用官網的線上api的時候就不會出現的這種問題,意識到是部署的api哪裡還沒有做好,查閱資料許久才找到解決方案,特寫下這篇部落格(其實都已經過去好長時間了 = =)

JS實現頁面載入結束之前Loading提示效果

//獲取瀏覽器頁面可見高度和寬度 var _PageHeight = document.documentElement.clientHeight,     _PageWidth = document.documentElement.clientWidth; //計算loa

判斷多個動態新增js檔案是否載入完成

let script1 = document.createElement('script'); script1.type = 'text/javascript'; script1.src = 'js/md5.js'; document.getEl

WKWebView上JS互動與載入CSS樣式(Hybrid混合開發)

首先,我們需要準備一篇帶有互動指令碼的HTML <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

JS實現頁面載入完畢之前loading提示效果

做成js呼叫: base-loading.js程式碼 /******************************************* * * 建立人:Quber([email protected]) * 建立時間:2014年6月10日 *

js新增樣式後優先順序高於hover的解決辦法

為按鈕新增document.getElementById("loginButton").style.backgroundColor = "#ffffff";背景色 發現css的hover無效了,因為j

.net新增前端樣式JS新增標籤樣式、以及div/a 標籤的顯示和隱藏

jQuery display 隱藏後,原來位置被佔掉 visibility 隱藏後,原來位置還在 $("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").css('display','none'); $("#id"

ie8:js  新增樣式

js 控制在 head 標籤中 引入 ie8 的專門css檔案,樣式是讀取不進入的。 解決辦法: head  標籤中新增style樣式,style樣式中js調控樣式 無需每個html頁面都新

js控制媒體查詢樣式

class ole color log div span blog nbsp spa var result = window.matchMedia(‘(max-width: 768px)‘); if (result.matches) { //console.log(

js獲取非行間樣式

ride app gre transform fine ems returns eos 級聯 相關知識: window.getComputedStyle:     Window.getComputedStyle() 方法給出應用活動樣式表後的元素的所有css屬性的值,並解

Vue.js style (內聯樣式)

boot oct div inf 向上 tps fontsize char 分享圖片 demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti

JS設置CSS樣式的幾種方式

shee node eight 保留 tno strong tex light 樣式操作 1. 直接設置style的屬性 某些情況用這個設置 !important值無效 如果屬性有‘-‘號,就寫成駝峰的形式(如textAlign) 如果想保留 - 號,就中括號的形式

JS設置CSS樣式的集中方式

情況 中括號 set 識別 setattr insert col 駝峰 css 1. 直接設置style的屬性 某些情況用這個設置 !important值無效 如果屬性有‘-‘號,就寫成駝峰的形式(如textAlign) 如果想保留 - 號,就中括號的形式 eleme

通過js讀取元素的樣式

括號 元素 get computed 必須 dst 設置 alert auto /* * 通過元素.style.樣式只能獲取到內聯樣式的值,就是style寫在元素裏面的值,不能獲取嵌入式和外聯樣式的值 * 所以如果要獲取除內聯樣式後的值,就不能通過這個獲

JS中獲取CSS樣式的方法

不能 pin -c gree 方法 css 命名 width lac 1.對於內聯樣式,可以直接使用ele.style.屬性名(當然也可以用鍵值對的方式)獲得。註意在CSS中單詞之間用-連接,在JS中要用駝峰命名法 如 <div id="dv" style="wid

怎樣判斷js指令碼是否載入完,並在載入完後進行操作

在工作過程中,經常會遇到按需載入的需求,即在指令碼載入完成後,返回一個回撥函式,在回撥函式中進行相關操作,那如何去判斷指令碼是否載入完成了呢? 可以對載入的js物件使用onload來判斷,jsDom.onload // ie6、7不支援js.onload方法,使用js.on