将参数从html脚本传递到js文件

时间:2017-08-01 08:45:37

标签: javascript html

好的,所以我知道已经有很多不同的方式被问过,但我找不到任何答案的解决方案......所以我想我会提供我的确切问题:

这是html代码:

<script type="text/javascript">
    var idArray = <?php json_encode($idArray) ?>;
    var imgArray = <?php json_encode($imgArray) ?>;
    var prArray = <?php json_encode($prArray) ?>;
</script>

然后我想在我的&#34; script.js&#34;中使用这3个数组。文件。 这是一个想法:

var idArray = AnActualVarFromHtmlScript.idArray;
var imgArray = AnActualVarFromHtmlScript.imgArray;
var prArray = AnActualVarFromHtmlScript.prArray;

感谢任何帮助过的人。

2 个答案:

答案 0 :(得分:2)

脚本中的html中定义的变量 - 标签将在window范围内注册。因此,您可以使用window.idArray代替AnActualVarFromHtmlScript.idArray来访问这些变量。

答案 1 :(得分:0)

基本上,为了使这些值真正存在,你的php应该“回应”它们,但我会混合PHP和HTML而不是PHP和JS。

这应该更好。 您可以使用“data”属性(例如,jQuery为您提供“数据”功能)来将您需要的值存储到HTML元素中:

<ul class="img-list" data-images="[1,2,3,4,5]">
</ul>

然后你可以这样检索它:

var el = document.querySelector('.img-list');
console.log(el.getAttribute('data-images'));

你可以实现它的另一种方法(因为你是对你的php输出进行JSON编码),就是处理AJAX请求并让你的JS使用响应。

希望它有用!