javascript - 将参数传递到外部js脚本的最佳方法

Question

如何使用 jQ 将参数传递到外部 jScript？

我能够正常工作:

<script
     id = 'myScript' 
    data-myParm =' my value'
    src = './myScript.js' >
</script>

myScript.js:

document.getElementById('myScript').getAttribute('data-myParm')

但我认为我已经看到了一种非常简单(而且更好)的方法来使用 jQuery 来完成此操作，而不是使用脚本 ID。我也不想使用类似的东西

<script src='./myScript.js?myParm=my%value&'> </script>

我尝试了类似 $.data('myParm') 和 $('script').data('myParm') 的方法，但没有成功。

建议？

Answer 1

如果您的脚本是同步加载的，那么每个脚本在最初运行时都将是 DOM 中的最后一个脚本。

所以你应该能够做到这一点:

var param = $('script').last().data('myparm');

或等效的:

var scripts = document.getElementsByTagName('script');
var param = scripts[scripts.length - 1].getAttribute('data-myparm');

请注意，您将在任何文档就绪处理程序或最初加载脚本后执行的任何内容之外执行此操作。

编辑:HTML5 spec表示 data-* 属性应被视为全部小写，看起来 jQuery 的 .data(...) 仅在提供的字符串全部小写时才起作用，因此我建议在整个过程中使用所有小写的 data-* 属性。