文章詳情頁

javascript - JS JQ數據初始化的問題

瀏覽：60日期：2023-03-20 11:03:12

如何讓頁面在加載之后讓上面黃色區域跟下面白色區域的溫度數據是相同的

黃色部分是用HTML寫在標簽里面的

白色部分是用JS 控制的可以增加減小但是增加減少之后可以保持數據一致

但是沒有辦法做到頁面首次加載的時候數據一致

求教大神上半部分黃色區域的代碼

下半部分白色區域

問題解答

回答1：

頁面加載的時候填充相同的數據即可。

<!DOCTYPE html><html><head> <meta charset='utf-8'> <link rel='stylesheet' > <script src='http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js'></script> <script src='http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js'></script> <script>$(document).ready(function(){ $('.leng').html(’冷藏區溫度數據10’); $('.bian').html(’變溫區溫度數據20’); $('.dong').html(’冷凍區溫度數據30’);}); </script></head><body> <ul> <li> 3℃ 冷藏區 </li> <li class='line'></li> <li> 5℃ 變溫區 </li> <li class='line'></li> <li> -18℃ 冷凍區 </li> </ul> <li onclick='changeTemper($(this),1)'> <img src='http://www.wxshucaidpc.com/wenda/images/refrigeratorControl/collectionOffImages/virtual-collection-normal1@3x.png'/> 冷藏區 3℃ </li> <li onclick='changeTemper($(this),2)'> <img src='http://www.wxshucaidpc.com/wenda/images/refrigeratorControl/collectionOffImages/virtual-collection-normal2@3x.png'/> 變溫區 -5℃ </li> <li onclick='changeTemper($(this),3)'> <img src='http://www.wxshucaidpc.com/wenda/images/refrigeratorControl/collectionOffImages/virtual-collection-normal3@3x.png'/> 冷凍區 -22℃ </li></body></html>

注意，下面黃色區域的span, 我為了方便加了和上面白色部分數據對應一致的class。

回答2：方法有很多

不用尋思的最笨的方法

<h1>上面</h1> 12 13 14 <h1>下面</h1> 5 6 7<script>window.onload = function() { document.getElementById('x1').innerHTML = document.getElementById('s1').innerHTML document.getElementById('x2').innerHTML = document.getElementById('s2').innerHTML document.getElementById('x3').innerHTML = document.getElementById('s3').innerHTML}</script>

JavaScript

上一條：javascript - iView中 tree 樹控件的方法調用有錯下一條：javascript - react-router路有嵌套問題？

相關文章：

1. docker-compose 為何找不到配置文件？2. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？3. boot2docker無法啟動4. 請問一下各位老鳥我一直在學習獨孤九賤現在是在tp5 今天發現這個系列視頻沒有實戰5. 這是什么情況？？？6. select - mysql怎么搜索一個字符串指定位置之后兩位7. android - E/dalvikvm: Could not find class java.nio.file.Path,8. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點9. java中返回一個對象，和輸出對像的值，意義在哪兒10. python - linux怎么在每天的凌晨2點執行一次這個log.py文件

排行榜

					
					docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？
docker-compose 為何找不到配置文件？
boot2docker無法啟動
python - linux怎么在每天的凌晨2點執行一次這個log.py文件
docker不顯示端口映射呢？
android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點
這是什么情況？？？
請問一下各位老鳥 我一直在學習獨孤九賤 現在是在tp5 今天發現 這個系列視頻沒有實戰
java中返回一個對象，和輸出對像的值，意義在哪兒
css - 關于offsetLeft和offsetTop
select - mysql怎么搜索一個字符串指定位置之后兩位
				

熱門標簽