函數的代碼顯示在網頁頂部

我想讓我的函數在div或表格中顯示其執行的代碼。函數的代碼顯示在網頁頂部

此時代碼已執行並顯示在頁面的頂部。我希望它顯示在我的頁面上的特定區域。我該怎麼做呢？

這裏是我的外部腳本代碼，稱爲「SquareScript.js」：

function Display() 
{ 
    var a = document.getElementById("value1").value; 
    var b = document.getElementById("value2").value; 

    for(var i = 0; i < a; i++) 
    { 
    document.getElementById("Paragraph").innerHTML += " " + 
    document.getElementById("myValue").value; 
    } 

    document.getElementById("Paragraph").innerHTML += "<br>"; 

    for (var r = 0; r < b; r++) 
    { 
    document.getElementById("Paragraph").innerHTML += " " + 
    document.getElementById("myValue").value; 

    for(var p = 0; p < a-2; p++) 
    { 
     document.getElementById("Paragraph").innerHTML += "&nbsp&nbsp&nbsp"; 

    } 
    document.getElementById("Paragraph").innerHTML += " " + 
    document.getElementById("myValue").value; 
    document.getElementById("Paragraph").innerHTML += "<br>"; 

    } 

    for(var i = 0; i < a; i++) 
    { 
    document.getElementById("Paragraph").innerHTML += " " + 
    document.getElementById("myValue").value; 
    } 


}

我的代碼生成具有高度頁面上的廣場，和寬度進行用戶輸入，還使用用戶輸入的字符。

這裏是我的主網頁代碼：

<head> 
<link rel = "stylesheet" type = "text/css" href = "Assignment3.css">   

<style> 
table {background-color:black;color:white; align: center;} 
body {background-image: url('squares.png');} 
</style> 
</head> 

<title>Generate A Square</title> 

<body> 
<p Id="Paragraph"></p> 

<div class = "heading"> 
<h1><img src = "Interested.png" width = 100px height = 100px></img>WELCOME TO BUILD A SQUARE</h1> 
</div> 

<table align = center> 
<tr> 
<td> 
Please Enter value number 1:&nbsp&nbsp<input type = "text" id = "value1"> 
</td> 
</tr> 

<tr> 
<td> 
Please Enter value number 2:&nbsp&nbsp<input type = "text" id = "value2"> 
</td> 
</tr> 

<tr> 
<td> 
Enter a character for your square's border:&nbsp&nbsp<input type="text" Id="myValue">  </input>&nbsp; 
</td> 
</tr> 

<tr> 
<td> 
<button onclick="Display()">Display</button> 
</td> 
</tr> 
</table> 

<div style = "margin-left: 45%;"> 
<button><a href = "MainMenu.html">Return To Main Menu</button> 
<script src = "SquareScript.js" ></script> 
</div> 

</body>

，你可以看到我叫我的外部腳本標籤內我的桌子後。但它仍然顯示在頁面的頂部。

我能做些什麼來顯示我執行的腳本內的div標籤，我把它放在？

感謝您的任何幫助或任何建議！

來源

2013-05-28 Andre Smith

你的腳本生成的廣場，並把它裏面

<p Id="Paragraph"></p>

到了廣場移至您有腳本標記的股利，移動現有<p Id="Paragraph"></p>腳本標籤下方。格碼將爲

<div style = "margin-left: 45%;"> 
    <button><a href = "MainMenu.html">Return To Main Menu</button> 
    <script src = "SquareScript.js" ></script> 
    <p Id="Paragraph"></p> <!-- move this p tag here --> 
</div>

來源

2013-05-28 09:51:50 Gautham

函數的代碼顯示在網頁頂部

回答

相關問題