在網(wǎng)頁開發(fā)中，輸出價格是一個非常常見的需求，而javascript是一種可以輕松實現(xiàn)這一需求的語言。使用javascript輸出價格涉及到兩個主要方面，一是如何獲取價格數(shù)據(jù)，二是如何在網(wǎng)頁中輸出價格。

獲取價格數(shù)據(jù)的方法有很多，最簡單的方式是在html中設(shè)置價格元素的屬性，然后通過javascript獲取該屬性的值。例如：

<p id="price" data-price="30.00"></p>
<script>
var price = document.getElementById("price").getAttribute("data-price");
console.log(price); // 30.00
</script>

此代碼中，通過getAttribut方法獲取了元素id為price的data-price屬性的值，即30.00，然后將其輸出到控制臺，也可以將其輸出到網(wǎng)頁中。

如果價格數(shù)據(jù)不是在html標(biāo)記中設(shè)置，也可以通過ajax從后端獲取。以下是一個示例代碼：

// 獲取價格數(shù)據(jù)的url地址
var url = "/product/detail?id=123";
// 創(chuàng)建ajax請求對象
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
// 發(fā)送ajax請求
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) { // 數(shù)據(jù)請求成功
var data = JSON.parse(xhr.responseText); // 解析json數(shù)據(jù)
var price = data.price; // 獲取價格數(shù)據(jù)
console.log(price); // 30.00
}
}
xhr.send();

此代碼中，通過發(fā)送ajax請求獲取后端提供的json數(shù)據(jù)，然后解析json數(shù)據(jù)并獲取其中的價格數(shù)據(jù)，最后將其輸出到控制臺。

獲取價格數(shù)據(jù)后，就需要將其輸出到網(wǎng)頁中。有多種方式可以實現(xiàn)這一目的，最常用的方式是利用innerHTML將價格數(shù)據(jù)插入到指定的html元素中。例如：

<p id="result"></p>
<script>
var price = 30.00;
var result = document.getElementById("result");
result.innerHTML = "價格：" + price; // 將價格數(shù)據(jù)插入到html元素中
</script>

此代碼中，通過innerHTML將價格數(shù)據(jù)插入到id為result的p元素中，最終在網(wǎng)頁中輸出“價格：30.00”。

除此之外，還可以使用一些格式化庫，如Numeral.js和accounting.js來格式化價格數(shù)據(jù)，使其更易讀。以下是一個使用Numeral.js的示例代碼：

<p id="result"></p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>
<script>
var price = 30.00;
var formattedPrice = numeral(price).format("$0,0.00"); // 使用Numeral.js格式化價格數(shù)據(jù)
var result = document.getElementById("result");
result.innerHTML = "價格：" + formattedPrice; // 將格式化后的價格數(shù)據(jù)插入到html元素中
</script>

此代碼中，使用Numeral.js將30.00格式化成“$30.00”，然后將其插入到id為result的p元素中，最終在網(wǎng)頁中輸出“價格：$30.00”。

綜上所述，javascript輸出價格非常簡單，只要獲取價格數(shù)據(jù)，然后將其插入到html元素中即可。如果需要格式化價格數(shù)據(jù)，可以使用第三方格式化庫。值得注意的是，在處理價格時應(yīng)該遵循嚴(yán)格的數(shù)據(jù)類型，以避免計算錯誤。