javascript - 通过动态路径时出现问题

Question

我尝试了很多方法并花了很多时间来传递我的动态上下文路径，但它显示了一些语法错误。我的代码如下:

$(document).ready(function(){ 
    Test.MODEL.HTMLVideoElement('demo', '/images/blue.jpg');
    Test.MODEL.videoControls();
    Test.LOGIC.APP();
});

在上面的代码中，我需要传递动态路径来代替 '/images/blue.jpg'。动态路径是${context}${Test.bgImage.imagePath}

请提出任何建议。

Answer 1

看看您是否符合不引人注目的 javascript 的标准，那么您可以做的就是在包含现成脚本之前使用脚本 block 。

因此，您可以在 jsp 上创建一个脚本 block :

<script type='text/javascript'>
    var obj = {
         context : '${context}',
         imagePath : '${Test.bgImage.imagePath}'
    };
</script>

现在在准备好的脚本中你可以引用这个obj:

$(document).ready(function(){ 
    Test.MODEL.HTMLVideoElement('demo', obj.context + '/' + imagePath ); //<---use here
    Test.MODEL.videoControls();
    Test.LOGIC.APP();
});

---

或者您可以在元素本身上使用 data-* 属性，例如:

<video id='demo' data-context='${context}' data-imgpath='${Test.bgImage.imagePath}'>
</video>

然后在脚本中你可以使用这个:

$(document).ready(function(){ 
    var ctx = $('#demo').data('context'); // get context
    var imgpath = $('#demo').data('imgpath'); // get imgpath
    Test.MODEL.HTMLVideoElement('demo', ctx + '/' + imgpath ); //<---use here
    Test.MODEL.videoControls();
    Test.LOGIC.APP();
});