2. 程式人生 > >如何隱藏和顯示HTML標籤

如何隱藏和顯示HTML標籤

阿新 • • 發佈：2019-01-06
mui.init({ swipeBack:false }); var logoutBtn; var headimg; var trueimg; var imgwords; mui.plusReady(function(){ DisplayInfo()； // Janine:下面的變數需要根據使用者登入的狀態進行改變 // “未登入”狀態的頭像
headimg = document.getElementById('headimg'); // “已登入”狀態的頭像 trueimg = document.getElementById('trueimg'); // 顯示“已登入”或“未登入”的字樣 imgwords = document.getElementById('imgwords'); // Janine:"退出登入"的按鈕控制元件獲取 logoutBtn = document.getElementById('logout'
); // Janine:點選“未登入”的頭像,先進行簡單的判斷 headimg.addEventListener('tap',function(){ // 如果“未登入”,則點選“未登入”的頭像有效 if(imgwords.innerHTML == "未登入"){ //開啟登入頁面 mui.openWindow({ url:'../html/login.html'
, id:'../html/login.html' }); } }); // Janine:點選"退出登入" logoutBtn.addEventListener('tap',function(){ // "退出登入"的提示框 var btnArray = ['確認', '取消']; mui.confirm('是否退出登入？',function(e) { if (e.index == 0) { console.log("Janine:logoutBtn.進入退出介面--->"); // Janine:執行退出登入的方法 /*該方法根據自己的情況寫*/ } }); },false); }); /** * Janine:checkUser.do:檢查使用者是否登入,檢測成功後,進行判斷,如果“已登入” */ function DisplayInfo() { if(imgwords.innerHTML == "未登入"){ // Janine:如果“未登入”,則隱藏“退出登入”按鈕 logoutBtn.style.display = 'none'; // 顯示“未登入”狀態下的預設頭像,隱藏真正的頭像 headimg.style.display = 'inline'; trueimg.style.display = 'none'; // 設定“未登入”的字樣,以及樣式 imgwords.innerHTML = "未登入"; imgwords.style.color = 'indianred'; }else{ // Janine:如果“已登入”，顯示“退出登入”的按鈕 logoutBtn.style.display = 'block'; // Janine:對頭像的處理,顯示登入頭像,隱藏“未登入”時的圖片 headimg.style.display = 'none'; trueimg.style.display = 'inline'; trueimg.src = '../img/touxiang.jpg'; // 獲取登入時儲存的使用者名稱,並顯示出來 var user = localStorage.getItem('account'); imgwords.style.color = 'black'; imgwords.innerText = user + ",您好!"; } } /** * Janine:當退出成功後,有兩種情況: *讓當前頁面重新整理,然後載入顯示“未登入”狀態——如果需要頁面重新整理, *就需要頁面再次檢測使用者的登入狀態 */ function logoutSuccess(data){ mui.toast(data.msg); // Janine:data.result.code == 1表示退出成功 if (data.result.code == 1) { // 首先,移除之前儲存的使用者名稱 localStorage.removeItem('account'); plus.runtime.quit(); // 退出程式 } }

相關推薦

如何隱藏和顯示HTML標籤

mui.init({ swipeBack:false }); var logoutBtn; var headimg; var trueim

微信小程序-隱藏和顯示自定義的導航

傳值 hat ebs doc isp pre code nav aaa 微信小程序中不能直接操作window對象，document文檔，跟html的樹結構不相同。 實現類似導航的隱藏顯示，如圖效果： 點擊網絡顯示或隱藏網絡中包含的內容。其他類似。 如果是jquer

Flex中TabNavigator隱藏和顯示選項卡

pro ble 點擊 plain bat summer microsoft _id lai 1、問題背景 遇到這樣一個問題：有四個Tab選項卡。依據不同的參數隱藏和顯示選項卡 2、實現實例 （1）隱藏“春季” protected fun

元素的隱藏和顯示

body bsp splay ctype span class doc style 知識點 <!doctype html> <html> <head><title>元素的隱藏和顯示</title></head

jQuery-4.動畫篇---動畫基礎隱藏和顯示

結束 沒有 fun 這樣的 進行 也有 行為 一段 complete jQuery中隱藏元素的hide方法 讓頁面上的元素不可見，一般可以通過設置css的display為none屬性。但是通過css直接修改是靜態的布局，如果在代碼執行的時候，一般是通過js控制元素

23.jquery隱藏和顯示

執行函數 clas doctype fun alert style 隱藏和顯示 pla wid <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF

微信小程序隱藏和顯示切換

getc one 應用 隱藏 ont page public center app 微信小程序的菜單隱藏和顯示切換小例子，菜單是請求服務器獲取的內容。 index.wxml文件代碼如下 <!--index.wxml--> <view class="con

javascript隱藏和顯示元素

當前希望寫一個單選框，選中“paste”則顯示貼上框，選中“upload”則提示選擇檔案。 因為這兩種情況只是顯示不同，所以只需要用javascript來進行顯示和隱藏。 最後的結果大概這樣： 初始時，兩個都不選中，所以貼上框和上傳按鈕都不存在。 選中Paste Input：貼上框彈出，有刪除按鈕

iOS 隱藏和顯示隱藏檔案的【終端】命令

顯示隱藏檔案： 開啟『終端』這個程式，輸入以下: defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder 回車執行。 隱藏隱藏檔案： 開啟『終端』這個程式，輸入以下: d

通過jquery隱藏和顯示元素

通過jquery隱藏和顯示元素 呼叫jquery本身提供的函式 $("xxx").hide();//隱藏xxx $("xxx").show();//顯示xxx 操作css $("xxx").css({"display":"none"});//隱藏xxx $("xxx").css({"display":

Bootstrap 控制移動端和網頁端的元素隱藏和顯示

2017年10月11日 21:05:49 J_小浩子 閱讀數：5736 先看效果 PC，顯示3張圖片 移動端，只顯示一張 解決思路，用Bootstrap的網格系統。 visible-md-block 表示在早中型裝置臺式電腦（≥992px）可

jQuery 效果- 隱藏和顯示

隱藏、顯示、切換，滑動，淡入淡出，以及動畫，哇哦！ jQuery hide() 和 show() 通過 jQuery，您可以使用 hide() 和 show() 方法來隱藏和顯示 HTML 元素： 例項 $("#hide").click(function(){ $("

(轉)Android中系統狀態列的隱藏和顯示

Android中系統狀態列的隱藏和顯示 尤其視訊類APP，需要實現切換到橫屏後，隱藏系統狀態列，全屏顯示，以實現看更大畫面的視訊。當切換回豎屏後，又顯示狀態列。那麼如何實現呢？ 網上流傳著很多種做法。比如：  1、在AndroidManifest.xml檔案中修改theme為andro

RK3288Android5.1系統在設定中新增隱藏和顯示導航欄功能

1.需求 應客戶需求，在android系統設定中新增一個設定選項，該選項中新增一個開關功能，用於顯示和隱藏系統底部導航欄。 2.分析 首先當然是有系統原始碼了，RK3288，5.1系統原始碼一份。 然後就是修改系統設定app,即Settings.apk的原始碼。 再

jquery 元素隱藏和顯示

使用jquery控制div的顯示與隱藏，一句話就能搞定，例如： 1.show() hide() $("#id").hide() $("#id").show() 2.$("#id").toggle() 切換元素的可見狀態。如果元素是可見的，切換為隱藏；如果元素是隱藏的，則切換

div 隱藏和顯示

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！                <html><title>index</title><head><script></scrip

jQuery效果——隱藏和顯示、淡入淡出、滑動

jquery(javascript庫，極大簡化了javascript程式設計) jquery選擇器 元素選擇器： <html> <head> <meta charset="utf-8"/> <script src="jquery(1).js"&g

CE隱藏和顯示系統工作列

2004-07-27 HWND hWndInputPanel = NULL; HWND hWndTaskBar = NULL; HWND hWndSipButton = NULL; RECT rtDesktop; REC

JS控制EasyUI外掛的隱藏和顯示

有一個功能，在JS中控制easyUI datebox的顯示和隱藏，控制元件如下。 <input id="test" class="easyui-datebox"> 用傳統的方法比如： $(

JQ淡入 淡出 隱藏 顯示 、隱藏和顯示（slideToggle）、animate()、slideDown、stop 學習

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"&g