我阅读了教程DIY widgets - How to embed your site on another site for XSS Widgets by Dr. Nic。
我正在寻找一种将参数传递给脚本标记的方法。例如，要进行以下工作：
<script src="http://path/to/widget.js?param_a=1&param_b=3"></script>
有没有办法做到这一点？
两个有趣的链接：
我很抱歉回答了一个超级老问题，但在花了一个小时与上述解决方案搏斗后，我选择了更简单的东西。
<script src=".." one="1" two="2"></script>
在上面的脚本中：
document.currentScript.getAttribute('one'); //1
document.currentScript.getAttribute('two'); //2
比jquery OR url解析容易得多。
您可能需要来自@Yared Rodriguez 对 IE 的回答中的 doucment.currentScript 的 polyfil：
document.currentScript = document.currentScript || (function() {
var scripts = document.getElementsByTagName('script');
return scripts[scripts.length - 1];
})();
最好在 html5 5 数据属性中使用功能
<script src="http://path.to/widget.js" data-width="200" data-height="200">
</script>
在脚本文件http://path.to/widget.js 中，您可以通过这种方式获取参数：
<script>
function getSyncScriptParams() {
var scripts = document.getElementsByTagName('script');
var lastScript = scripts[scripts.length-1];
var scriptName = lastScript;
return {
width : scriptName.getAttribute('data-width'),
height : scriptName.getAttribute('data-height')
};
}
</script>
知道了。有点像黑客，但效果很好：
var params = document.body.getElementsByTagName('script');
query = params[0].classList;
var param_a = query[0];
var param_b = query[1];
var param_c = query[2];
我将脚本标签中的参数作为类传递：
<script src="http://path.to/widget.js" class="2 5 4"></script>
这篇文章很有帮助。
另一种方法是使用元标记。任何应该传递给 JavaScript 的数据都可以像这样分配：
<meta name="yourdata" content="whatever" />
<meta name="moredata" content="more of this" />
然后可以像这样从元标记中提取数据（最好在 DOMContentLoaded 事件处理程序中完成）：
var data1 = document.getElementsByName('yourdata')[0].content;
var data2 = document.getElementsByName('moredata')[0].content;
使用 jQuery 或类似工具绝对没有麻烦，不需要任何技巧和变通方法，并且可以与任何支持元标记的 HTML 版本一起使用...
把它放在myhtml.html文件中：
<!-- Import javascript -->
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- Invoke a different javascript file called subscript.js -->
<script id="myscript" src="subscript.js" video_filename="foobar.mp4">/script>
在同一目录中创建一个subscript.js文件并将其放在那里：
//Use jquery to look up the tag with the id of 'myscript' above. Get
//the attribute called video_filename, stuff it into variable filename.
var filename = $('#myscript').attr("video_filename");
//print filename out to screen.
document.write(filename);
分析结果：
加载 myhtml.html 页面将 'foobar.mp4' 打印到屏幕上。名为 video_filename 的变量从 html 传递到 javascript。Javascript 将其打印到屏幕上，并且显示为嵌入到父级的 html 中。
jsfiddle 证明上述方法有效：