<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          h5中新屬性 data-屬性名的獲取與設置,詳解原生js操作h5的屬性data-*

          時間:?2017-11-20閱讀:?4579標簽:?h5

          h5中新功能用來描述自定義的數據屬性,也就是 data-* 自定義屬性。在h5中我們可以使用以 data- 為前綴來設置我們需要的自定義屬性,來進行一些數據的存放 ,在實際項目中使用比較多。這篇文章就總結如何通過原生js對data-*屬性的操作。

          html:

          <p data-id="1" id="dom">內容</p>


          1.通過setAttribute和getAttribute方法:

          var dom=document.getElementById('dom');
          dom.setAttribute('data-id',2);//修改值
          var id=dom.getAttribute('data-id');//獲取值


          2.通過dataset:

          var dom=document.getElementById('dom');
          dom.dataset.id=2;//修改值
          console.log(dom.dataset.id);//獲取值

           

          3.使用jquery:

          $('#dom').data('id','2');//修改值
          $('#dom').data('id');//獲取值


          注意:  data-*  是通過dataset或者jquery的data()來操作的時候,需要去掉data-前綴,連字符串需要轉化為駝峰命名。例如:  data-list-my的屬性改為:listMy  


          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/132

          H5嵌入APP后,通過window.WebViewJavascriptBridge原生APP與H5之間交互

          原生APP跳轉到H5頁面時,往往需要攜帶一些用戶信息,之前做法是在跳轉的地址中拼接H5頁面需要的參數,現在通過window.WebViewJavascriptBridge悄悄的進行數據交互

          h5頁面的viewpoint

          只要寫手機端的h5頁面,viewpoint是繞不過的坎,不處理好這個東西,h5頁面就無法正常顯示。那它到底是怎么回事呢?網上曾看到一個據說很有名的外國人,寫過一篇\\\"三個viewpoint\\\"的概念,但是看了,覺得似懂非懂,后來做了不少h5頁面

          h5開發在ios瀏覽器遇到的坑

          click事件;在ios上,最后一個元素加margin-bottom無效;時間轉化問題;position: fixed中的input框聚焦軟鍵盤彈出,IOS下會有光標錯位問題;滾動穿透問題

          Android H5秒開方案調研—今日頭條H5秒開方案詳解

          文件下載耗時:包括html、css、js、圖片等;頁面渲染耗時:頁面渲染,解析js、css文件等;WebView創建耗時:首次創建WebView耗時大約需要500ms左右,第二次創建耗時大約需要20ms左右

          H5喚醒App之scheme方案

          在寫移動端頁面會遇到喚醒App的需求, 一般都是通過scheme協議喚起的,這里記錄一下,以新浪微博為例: 其協議為 sinaweibo://splash; 這些協議需要自己去收集

          H5活動頁面2小時快速開發

          這是一套我自己經常用的H5活動頁面開發腳手架,針對目前一般的H5頁面,基本上2小時就能完成相關的開發內容。俗話說:工欲善其事必先利其器,有了這么一套H5頁面腳手架,我相信80%的H5頁面,都能夠在2小時當中開發完成。

          H5頁面中喚起APP的方法

          需要在從APP分享出去的H5頁面中,帶有一個立即打開的按鈕,如果本地安裝了app,那么就直接喚起本地的app,如果沒有安裝,則跳轉到下載。這是一個很正常的推廣和導流量的策略。

          H5與企業微信jssdk集成

          注冊企業微信,在應用與小程序欄目中,設置可信域名,配置公眾號菜單。可信域名不得不說下,在最初開發時,認為設置并驗證后,微信認證接口會實現跨域請求,其實并沒有。所以全在H5端還得配合服務端完成票據獲取等操作。

          h5通過css實現禁止ios端長按復制選中文字的方法

          在ios端默認的長按選擇,可以對文字進行復制粘貼。但是在實際開發中,針對一些按鈕一般要避免長按時彈出選中文字,或者一些罩層要避免彈出。 這篇文章通過css3實現禁止ios端長按復制選中文字的方法

          如何在h5中調用支付寶支付功能

          如何在自己的H5頁面如何集成支付寶支付呢?目前采用前后端分離的開發模式,數據都是通過服務器那邊獲取的,現在需要集成支付寶支付,下面就簡單介紹下。

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网