javascript - 从脚本标签访问 JS 变量

标签 javascript

<分区>

我可以将变量从脚本标签转发到当前脚本吗?像这样:

<script type="text/template" id="myscript" myvar="123123">

    var filename = document.getElementById("myscript").myvar;

</script>

最佳答案

您可以使用 document.currentScript引用当前运行的 <script>标签:

<script type="text/javascript" id="myscript" myvar="123123">
console.log(
  document.currentScript.getAttribute('myvar')
);
</script>

另一种选择是像选择任何元素一样选择脚本标签,使用 querySelector ,然后获取属性:

<script type="text/javascript" id="myscript" myvar="123123">
console.log(
  document.querySelector('#myscript').getAttribute('myvar')
);
</script>

但是当使用自定义属性时,使用data- 属性可能更合适:

<script type="text/javascript" id="myscript" data-myvar="123123">
console.log(
  document.currentScript.dataset.myvar
);
</script>

关于javascript - 从脚本标签访问 JS 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52913334/

相关文章:

javascript - 仅执行一次函数以节省时间

javascript - 表单上的按钮不通过所有 JS

javascript - 仅当某些页面在 Angular 2 中设置为默认页面时,应用程序才会中断(仅限 Chrome)

javascript - 在 javascript 构建的表上使用 jquery

javascript - Webpack 与路径相关的问题

javascript - JQuery 未在 Cordova 中执行

javascript - 元刷新 seo 问题并在单击表单字段时暂停

javascript - 循环遍历对象数组中的每个属性

javascript - 从 URL 获取一个 JSON 文件并显示

javascript - 服务器到服务器 Socket IO 消息传递