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

回答

相關問題