HTML中的Javascript代码

Question

我创建了一个脚本来随机化大小，但是我无法弄清楚如何将其与HTML或iframe代码一起使用来对其进行随机化。

<script type="text/javascript">

    var banner1 = ["728", "90"];
    var banner2 = ["336", "280"];
    var banner3 = ["300", "250"];

    var allbanner = [banner1, banner2, banner3];

    var banner = allbanner[Math.floor(Math.random() * allbanner.length)];

</script>

HTML代码：

<div style="height:"banner[0]"px;width:"banner[1]"px;color:blue;background-color:blue;"></div>

 <iframe src="http://www.example.com" width="banner[0]" height="banner[1]"></iframe>

这是正确的格式，我知道这是错误的，任何人都可以告诉我如何在HTML属性中使用Javascript字符串。

谢谢 。

Answer 1

您不能像尝试那样混合和匹配HTML和JavaScript。 您必须从脚本中修改DOM。

var banner1 = ["728", "90"];
var banner2 = ["336", "280"];
var banner3 = ["300", "250"];

var allbanner = [banner1, banner2, banner3];

var banner = allbanner[Math.floor(Math.random() * allbanner.length)];

var myDiv = document.getElementById('myDiv');
var myIframe = document.getElementById('myIframe');

myDiv.style.height = banner[0] + 'px';
myDiv.style.width = banner[1] + 'px';

myIframe.style.height = banner[0] + 'px';
myIframe.style.width = banner[1] + 'px';

假设您的HTML类似于：

<div id="myDiv" style="color:blue;background-color:blue;"></div>
<iframe id="myIframe" src="www.othersite.com"></iframe>