整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          使用網頁上的數字進行計算并回寫的js案例整理

          使用網頁上的數字進行計算并回寫的js案例整理

          事有一個需求是,先讀取網頁中的數字,然后進行計算后再寫到網頁上。解決的方法是,得先用正確的id來標識這兩個數字的元素。比如:<span id="sales">500</span> ,就是把500進行標識起來了。

          然后把數字讀出來。在JavaScript中,`document.getElementById`返回的是一個元素對象,而不是一個數字。這里需要獲取元素的值才能進行計算。

          計算后,結果會回寫在 <span id="result"></span> 標識內。

          如果計算回寫之后,沒有數字,請檢查下js代碼塊是否放在最后。

          <!DOCTYPE html>
          <html>
          <head>
            <title>計算結果</title>
          </head>
          <body>
            <span id="inventory">100</span>  <!-- 今年社會日均庫存 -->
            <span id="sales">500</span>  <!-- 今年以來社會銷量 -->
            <span id="result"></span>
            <script>
              // 獲取頁面上的元素
              var inventoryElement=document.getElementById("inventory");
              var salesElement=document.getElementById("sales");
              var resultElement=document.getElementById("result");
              // 獲取元素的值
              var inventory=parseInt(inventoryElement.textContent);
              var sales=parseInt(salesElement.textContent);
              // 計算結果
              var result=inventory / sales;
              // 在頁面上顯示計算結果
              resultElement.textContent=result.toFixed(2); // 保留兩位小數
            </script>
          </body>
          </html>

          關注我,我們將一起探討如何將技術與業務有機結合。不必成為專家,只要具備基本的印象和理解,便能把握業務與技術的融合,實現二者的平衡發展。在這個過程中,我們將共同尋找如何在促進二者融合發揮最大價值的同時,確保技術與業務的協調一致。

          視覺格式化模型,大體上將頁面中盒子的排列分為三種方式:

          1. 常規流

          2. 浮動

          3. 定位

          ## 應用場景

          1. 文字環繞

          字體環繞

          2. 橫向排列

          ## 浮動的基本特點

          修改float屬性值為:

          - left:左浮動,元素靠上靠左

          - right:右浮動,元素靠上靠右

          默認值為none

          1. 當一個元素浮動后,元素必定為塊盒(更改display屬性為block)

          2. 浮動元素的包含塊,和常規流一樣,為父元素的內容盒

          ## 盒子尺寸

          1. 寬度為auto時,適應內容寬度

          2. 高度為auto時,與常規流一致,適應內容的高度

          3. margin為auto,為0.

          4. 邊框、內邊距、百分比設置與常規流一樣

          ## 盒子排列

          1. 左浮動的盒子靠上靠左排列

          2. 右浮動的盒子考上靠右排列

          3. 浮動盒子在包含塊中排列時,會避開常規流塊盒

          4. 常規流塊盒在排列時,無視浮動盒子

          5. 行盒在排列時,會避開浮動盒子

          6. 外邊距合并不會發生

          > 如果文字沒有在行盒中,瀏覽器會自動生成一個行盒包裹文字,該行盒叫做匿名行盒。

          ## 高度坍塌

          高度坍塌的根源:常規流盒子的自動高度,在計算時,不會考慮浮動盒子

          清除浮動,涉及css屬性:clear

          - 默認值:none

          - left:清除左浮動,該元素必須出現在前面所有左浮動盒子的下方

          - right:清除右浮動,該元素必須出現在前面所有右浮動盒子的下方

          - both:清除左右浮動,該元素必須出現在前面所有浮動盒子的下方

          語言作為一種廣泛應用的編程語言,在計算機編程領域扮演著重要的角色。了解C語言中的運算規則對于編寫高效、正確的程序至關重要。本文將深入探討C語言中的運算規則,包括基本運算符、運算符優先級、類型轉換等方面,幫助讀者更好地理解C語言的運算機制。

          以下是我整理的關于C語言的一些入門級資料,免費分享給大家:https://m.hqyjai.net/emb_study_blue_short.html?xt=zxy


          主站蜘蛛池模板: 亚洲第一区香蕉_国产a| 亚洲av无码一区二区三区人妖| 国产精品无码一区二区在线观 | 亚洲乱色熟女一区二区三区丝袜 | 亚洲第一区二区快射影院| 亚洲香蕉久久一区二区三区四区| 国产精品福利区一区二区三区四区 | 无码人妻精品一区二区三区不卡| 精品国产一区在线观看| 亚洲熟妇av一区二区三区| 在线免费视频一区二区| 一区二区三区日韩| 国产在线观看一区二区三区精品 | 国产精品一区二区电影| 男女久久久国产一区二区三区| 日韩少妇无码一区二区三区| 日韩在线视频一区| 成人区精品一区二区不卡亚洲| 亚洲一区动漫卡通在线播放| 国产精品无码一区二区三区电影 | 中文字幕日韩一区二区不卡| 中文字幕一区二区三区久久网站| 国产午夜精品一区二区三区不卡 | 精品人妻一区二区三区浪潮在线| 色婷婷AV一区二区三区浪潮 | 亚洲一区二区久久| 人妻无码久久一区二区三区免费 | 日本不卡一区二区三区| 97久久精品午夜一区二区 | 无码精品黑人一区二区三区| 国产成人无码一区二区在线观看| 日本精品高清一区二区| 日本一区二区不卡在线| 亚洲日韩精品无码一区二区三区| 国产一区二区三区播放| 国模无码视频一区| 国产精品亚洲高清一区二区| 久久久国产一区二区三区| 国产一区二区三区免费观在线| 精品久久一区二区| 麻豆AV无码精品一区二区|