如何通过脚本标签传递参数到jQuery

Question

我的代码做什么：当我按下按钮时，它会切换DIV的类。因此，我可以按下一个按钮，并且类从"类"更改为" switchtothisclass"，该属性集不同。

<script src="JS/SideNav-ShowOrHide.js"></script>

这是我的代码，我如何更改它，以便我可以将参数放入其中，我也想使用相同的JS文件更改多个类：

(function() {
  var bodyEl = $('body'),
    navToggleBtn = bodyEl.find('Class');
  navToggleBtn.on('click', function(e) {
    bodyEl.toggleClass('SwitchToThisClass');
    e.preventDefault();
  });
})();

例如，像这样的代码，它采用参数并且很干净，我希望能够使用具有不同参数的同一JS文件。我想切换"类"one_answers" switchtothisclass"，然后采用参数。

html：

<script src="http://path.to/widget.js" data-width="200" data-height="200">
</script>

外部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>

希望这是有道理的，感谢提前的帮助。

Answer 1

在您的目的上，您的建议并没有多大意义，因为有更好的方法和更易于访问，这也可以使您模块化函数并传递参数。但是，如果这是您的最终决定，则可以将自定义属性添加到HTML标签。

当您继续编辑问题时，我继续编辑答案。使用数据 HTML属性的解决方案。和数据HTML属性文档。

我个人不喜欢将其用于脚本标签，我不推荐它。为什么？因为您的源是文件而不是函数。文件没有参数(以某种方式说(。"视觉" HTML标签/元素或页面结构的内容与此数据绑定更相关。除非您的意图是首先操纵标签本身。我认为从来没有。我永远不会使用它将参数传递到文件中包含的函数。当然，我在这里发表意见。解决方案存在。

您也面临着旧浏览器的支持。

我所了解的是，您想要在特定的HTML文件中具有一些静态值，用于将整个JS文件中包含的JS函数传递到JS文件中。

您可以做的是首先导入包含JS函数的JS文件：

<script src="JS/SideNav-ShowOrHide.js"></script>

我们假设您有一个我在此文件中称为'changefunction'的函数。您的功能需要具有一些输入参数，然后您可以在文件导入文件后从html中进行。

<script>
var classFrom = "class1";
var classTo = "class2";
changeFunction(classFrom, classTo);
</script>

或直接：

<script>
changeFunction("class1","class2");
</script>

另一方面，如果您需要的是管理特定项目的类