❤
npm
Sign UpSign In

script-tag-data

0.0.4 • Public • Published

Script Tag Data

Set and read data from a <script> tag

Installation

Bower

$ bower install script-tag-data --save

CDN

<script src="https://cdn.rawgit.com/FarhadG/script-tag-data/master/script-tag-data.min.js"></script>

Usage

<script src="https://cdn.com/lib-name.js" id="lib-name" data-weather="sunny" data... /></script>

Provide the user / app a simple <script> tag, a CSS #id and whatever data points as HTML5 data attributes.

  • Get all of the data values from a <script> tag: ScriptTagData.getData(scriptId)
  • Only get the <script> tag: ScriptTagData.getScript(scriptId)

Examples

Some website with your <script> tag, an ID and the desired data points.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
    ...
 
    <script id="your-library" src="./your-library.js" data-car="pagani" data-star-repo="yes, please :)">
</body>
</html>

Your JS file where you have ScriptTagData library loaded by either referencing from here on GitHub or serving it yourself.

/**
 * This returns the following:
 *
 * {
 *   car: 'pagani',
 *   starRepo: 'yes, please :)'
 * }
 */
 
ScriptTagData.getData('your-library');
 
/**
 * This returns the juust <script> tag
 */
 
ScriptTagData.getData('your-library');

Questions

Please use issues page for any questions or concerns.

Readme

Keywords

Package Sidebar

Install

npm i script-tag-data

Repository

github.com/farhadg/script-tag-data

Homepage

www.github.com/farhadg/script-tag-data

Weekly Downloads

0

Version

0.0.4

License

MIT

Last publish

Collaborators

  • farhadg
Try on RunKit
Report malware