javascript - 更改 URL 的动态 ID

Question

我正在寻找一种方法，可以使用 javascript 在某处仅设置 id(例如 YouTube 视频中的 id)，并将其自动放置在 URL 中。例如，我可以在 PHP 中这样做:->

<?php
$id = 'pOYRLBhYGyc';
?>

<table style="background:url('http://img.youtube.com/vi/  <?php echo "$id" ?>  /0.jpg')no-repeat;

JS里也有类似的方法吗？

Answer 1

是的，你可以。您需要动态设置背景属性。

查看 JS Fiddle 中的示例。

<table id="sample" border="1" width="100%" height="100%">
    <tr>
        <td>Sample</td>
    </tr>
    <tr>
        <td>Sample</td>
    </tr>
    <tr>
        <td>Sample</td>
    </tr>
    <tr>
        <td>Sample</td>
    </tr>
</table>

脚本标签将包含以下脚本。

var videoId = "pOYRLBhYGyc";

$("#sample").attr("background", "http://img.youtube.com/vi/" + videoId + "/1.jpg");

http://jsfiddle.net/y44n6hao/