原生js如何通過html標籤的自定義屬性，找到該屬性對應的屬性值

原創 Song-宋-Song 2018-12-01 00:04

需求如下：

    我有一段固定的js，不同的項目都必須引入，並且js內必須傳入一個項目標識。

     此時的做法當然是把這段js封裝成一個js文件，放到cdn上，每次只需要引入這個js的地址，並且傳入不同的參數

爲了避免環境污染，自己給script標籤定義了一個屬性，然後需要在這個js文件內部獲取到這個自定義屬性的屬性值，

代碼如下：

 js內獲取該屬性值代碼如下：

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

flex佈局實現最後一行左對齊

 最終效果如下: 源代碼使用vue開發： 其中 keyboard_word_wrap樣式如下: display: flex; justify-content: flex-start; flex-wrap: wrap; max-widt

宋哈哈 2020-07-08 02:50:44

chrome開發工具各種調試的辦法

一：代碼格式化 有很多css/js的代碼都會被 minify 掉，你可以點擊代碼窗口左下角的那個 { }  標籤，chrome會幫你給格式化掉。 二：強制DOM狀態 有些HTML的DOM是有狀態的，比如<a> 標籤，其會有 active

宋哈哈 2020-06-19 16:04:56

關於h5喚起App的方式

喚起 App 應該是很常見的問題了。我們在開發 H5 的時候，有一些鏈路上的功能在 H5 不支持，只能去 App 才能完成。比如，下單、支付等功能。那麼在更多的場景能夠喚起 App 就顯得很重要了。 判斷瀏覽器，動態加載對應瀏覽器的

宋哈哈 2020-06-19 16:04:56

如何實現一個JSON.stringify() ，手寫JSON.stringify

JSON.stringify() 方法將一個 JavaScript 值（對象或者數組）轉換爲一個 JSON 字符串，如果指定了 replacer 是一個函數，則可以選擇性地替換值，或者如果指定了 replacer 是一個數組，則可選擇性

宋哈哈 2020-06-19 16:04:56

Markdown編輯工具Typora教程

1. 基本操作 1.1 內容目錄 語法 [toc] 1.2 標題 語法 # 一級標題 ## 二級標題 ### 三級標題 #### 四級標題 ##### 五級標題

宋哈哈 2020-06-19 15:04:54

如何實現一個call或 apply方法，手寫一個call或apply

call語法： fun.call(thisArg,arg1,arg2,...)，調用一個函數, 其具有一個指定的this值和分別地提供的參數(參數的列表)。 apply語法： func.apply(thisArg,[argsArra

宋哈哈 2020-06-19 15:04:54

如何實現一個JSON.parse ,手寫一個JSON.parse

JSON.parse() 方法用來解析JSON字符串，構造由字符串描述的JavaScript值或對象。提供可選的reviver函數用以在返回之前對所得到的對象執行變換(操作)。 語法 JSON.parse(text[, reviver

宋哈哈 2020-06-19 15:04:54

js計算浮點數，js計算小數誤差解決方案,js計算丟失精度，decimal.js的使用

衆所周知，計算機在計算浮點數的過程中會丟失精度。這在編程語言中都會出現，js也不例外。 0.1+0.2並不等於0.3 這就導致了在某些情況下，如果單純的採用四捨五入toFixed 會出現我們不想要的結果。尤其在計算金額方面，一分都不能出

宋哈哈 2020-06-19 13:58:34

如何實現一個new，手寫一個new操作符

要想手寫一個new  需要先知道new這個關鍵字做了哪些事情 它創建了一個全新的對象。 它會被執行 [[Prototype]]（也就是 __proto__）鏈接。 它使 this指向新創建的對象。 通過 new創建的每個

宋哈哈 2020-06-19 13:58:34

script標籤中的crossorigin屬性詳解

在前端監控逐漸完善的今天，頁面中錯誤日誌的上報可以說對我們的日常工作帶來了極大的幫助。 而使用window.onerror事件來捕獲 js腳本中的錯誤信息是 重要的手段 。 但是對於跨域的資源 ，onerror事件通常會上報 "Scrip

宋哈哈 2020-07-05 10:14:30

如何實現一個bind方法，手寫一個bind

bind()方法: 會創建一個新函數。當這個新函數被調用時，bind() 的第一個參數將作爲它運行時的 this，之後的一序列參數將會在傳遞的實參前傳入作爲它的參數。(來自於 MDN )    此外， bind實現需要考慮實例化後對原

宋哈哈 2020-06-19 15:04:54

vuecli3打包資源在html中的引用路徑問題

在默認情況下，通過vuecli打包出來的路徑是絕對路徑。 如果想修改vuecli的默認配置，通過在vue.config.js中進行配置，關於打包路徑是通過publicPath屬性進行配置。 如果想使用相對資源地址   則將publicP

宋哈哈 2020-06-19 16:04:56

vue啓動報錯Module build failed: Error: ENOENT: no such file or directory

vue啓動項目報錯，一大坨  如下 Module build failed: Error: ENOENT: no such file or directory, scandir '/Users/songmengda/Desktop/aa

宋哈哈 2020-06-19 15:04:54

前端網頁字體科普

字體分類 常見的字體可以分爲兩類：襯線體、無襯線體。 1、serif（襯線體）：在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同。 常見的襯線體有： •宋體、楷體 •Times New Roman 2、sans-seri

宋哈哈 2020-06-19 15:04:54

快速查看本機的ssh公鑰

1.打開item2  切換進.ssh文件夾      cd ~/.ssh 2.查看當前文件夾 ls   （可以看到當前文件夾內有id_rsa  id_rsa.pub  known_hosts ） 3.ssh字符串就在id_rsa.pub中

宋哈哈 2020-06-16 16:30:47