HTML代码中的Javascript代码

我已经创建了一个随机大小的脚本，但我无法确定如何使用HTML或Iframe代码来随机化它。HTML代码中的Javascript代码

<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>

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

谢谢你。

来源

2016-04-22 Maurya Ashish

除非你使用某种模板引擎的你不能做到这一点直接这样。或者，您可以更改JS的元素属性。 – jonrsharpe

你能告诉我怎么可能，我真的在编码周。或者有可能有JavaScript的iframe，因此它接受JavaScript字符串。 –

如果你在编码方面很弱，开始通过一些教程来运行。如果你想从JS做大量的DOM更新，JQuery可能是一个明智的开始。 – jonrsharpe

你不能像你试图做的那样混合和匹配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>

来源

2016-04-22 18:49:01

谢谢巴迪，我怎么用iframe来做到这一点。我了解。 –

@MauryaAshish用iframe做什么？修改iframe的属性？在这种情况下，过程是完全一样的。如果您需要JavaScript中的DOM操作帮助，我会寻找初学者的教程。 –

HTML代码中的Javascript代码

回答

相关问题