Question

我在网上到处都搜索了我的这个目标的答案。

<script class="custom"
   src="myscript.js"
   data-image="button.png"
   data-product="000452">
</script>

我希望脚本标记加载myscript.js，它会在页面上加载，使用data-image属性值将脚本标记本身转换为可点击的图像，然后点击myscript.js将获得数据产品重视并将用户转发到mywebsite.com/product/{value}

这听起来很简单，但到目前为止我还没有实现这一点，是否可以在没有jQuery或使用非常小的JS库的情况下完成这项工作？

非常感谢你。

Answer 1

我已经用图片标签替换了jquery脚本，希望这对你有用

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" class="custom" data-image="button.png" data-product="000452"></script>


            <script  type="text/javascript">
            $(document).ready(function(){


              $('.custom').after('<a href ="http://mywebsite.com/product/'+$('.custom').attr('data-product')+'"><img src='+$('.custom').attr('data-image')+' /></a>' ); //add img tag after script tag


               $('.custom').remove(); //remove the script tag
            });
            </script>

将脚本标记更改为可单击的图像

1 个答案: