Javascript是一種運行在瀏覽器端的腳本語言，常用于與網頁交互，實現動態效果和功能。在Javascript中，一個函數可以返回一個值，這個值可以是任意數據類型，如數字、字符串、布爾值、對象等。本文將著重介紹Javascript中函數返回值在HTML頁面中的應用。 函數的返回值可以被賦值給一個變量，也可以直接輸出到HTML頁面上。例如，下面的函數返回一個字符串“Hello World”，并將其輸出到頁面上：

<code>function sayHello() {
return "Hello World";
}
document.getElementById("demo").innerHTML = sayHello();</code>

在上面的代碼中，我們首先定義了一個名為sayHello()的函數，在函數內部通過return語句返回了一個字符串“Hello World”。在頁面上，我們使用document對象的getElementById()方法選擇一個id為“demo”的元素，并將其innerHTML屬性賦值為sayHello()函數的返回值。這樣，頁面上就會顯示出“Hello World”這個字符串。

除了普通的字符串和數字類型的返回值，函數還可以返回一個HTML元素或一個DOM節點（文檔對象模型）。例如，下面的函數創建了一個div元素，設置了其內容和樣式，并將它作為返回值返回：

<code>function createDiv() {
var div = document.createElement("div");
div.innerHTML = "This is a div element";
div.style.backgroundColor = "lightblue";
return div;
}
document.body.appendChild(createDiv());</code>

在上面的代碼中，我們定義了一個名為createDiv()的函數。函數內部首先使用document.createElement()方法創建了一個div元素，然后設置了其innerHTML屬性和樣式，最后將其返回。在頁面上，我們使用document對象的body屬性選擇body元素，通過appendChild()方法向其添加了createDiv()函數返回的div元素。

除了上述兩種類型的返回值之外，函數還可以返回一個函數或一個數組。例如，下面的函數返回了一個數組，數組中包含了3個對象，每一個對象包含了一個人的姓名和年齡信息：

<code>function getPeople() {
var people = [
{name: "Jack", age: 20},
{name: "Lucy", age: 22},
{name: "Tom", age: 25}
];
return people;
}
var peopleArray = getPeople();
for (var i = 0; i < peopleArray.length; i++) {
document.write("Name:" + peopleArray[i].name + ", Age:" + peopleArray[i].age + "<br>");
}</code>

在上面的代碼中，我們定義了一個名為getPeople()的函數。函數內部定義了一個包含3個對象的數組，數組中每一個對象包含一個人的姓名和年齡信息。在頁面上，我們首先使用getPeople()函數獲取了peopleArray數組，然后通過for循環遍歷了該數組，并輸出了每個人的姓名和年齡信息。

總結來說，Javascript中函數返回值在HTML頁面中的應用非常靈活，可以用于輸出字符串、數字、HTML元素、DOM節點、函數、數組等類型的數據。開發者可以根據實際需求自行選擇函數返回值的類型和內容，并將其輸出到頁面上，實現各種各樣的動態效果和功能。