script-tag-data
v0.0.4 script tag data params options
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 :)">
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.
npm i script-tag-data
Metadata
- MIT
- Whatever
- farhad ghayour
- released 11/27/2015