Javascript-Code in HTML

Question

Ich habe ein Skript erstellt, um die Größe zufällig, aber ich bin nicht in der Lage, darüber nachzudenken, wie kann ich es mit HTML oder Iframe-Code verwenden, um es randomisieren.

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

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

Das richtige Format ist, ich weiß es falsch ist, kann jemand bitte sagen Sie mir, wie kann ich Javascript-String in HTML-Attribut verwenden.

Vielen Dank.

Answer 1

Sie können HTML und JavaScript nicht so kombinieren und kombinieren, wie Sie es versuchen. Sie müssen das DOM über das Skript ändern.

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

Ihre HTML Unter der Annahme, ist so etwas wie:

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