欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

js中輸出內(nèi)容的4種方式是什么

這篇文章將為大家詳細(xì)講解有關(guān)js中輸出內(nèi)容的4種方式是什么，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司是一家專注網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷策劃、小程序設(shè)計、電子商務(wù)建設(shè)、網(wǎng)絡(luò)推廣、移動互聯(lián)開發(fā)、研究、服務(wù)為一體的技術(shù)型公司。公司成立十載以來，已經(jīng)為1000+混凝土攪拌站各業(yè)的企業(yè)公司提供互聯(lián)網(wǎng)服務(wù)。現(xiàn)在，服務(wù)的1000+客戶與我們一路同行，見證我們的成長；未來，我們一起分享成功的喜悅。

方法一：js window.alert();語句輸出

window.alert()語句：可以輸出警告框，window可省略。具有彈框效果，但因彈出比較突然，用戶的體驗(yàn)不好，基本上是用來測試代碼用的。

代碼示例：

<script type="text/javascript"> 
    window.alert('創(chuàng)新互聯(lián)')
    alert("網(wǎng)站：www.php.cn")
</script>

效果圖：

js中輸出內(nèi)容的4種方式是什么

說明：

window.alert() 可以把小括號里的內(nèi)容，以彈窗的方式顯示出來，這些內(nèi)容需要用一對單引號或一對雙引號引用起來；

因window是BOM對象，指的是整個瀏覽器，可以省略不寫。

方法二：js document.write()語句輸出

document.write()方法：可以將內(nèi)容直接寫到html文檔中，在頁面上輸出。

代碼示例：

<script type="text/javascript"> 
    document.write("hello");
    document.write("<h2>通過document.write輸出內(nèi)容</h2>");
</script>

效果圖：

js中輸出內(nèi)容的4種方式是什么

方法三：js console系列語句輸出

console系列語句，可以把需要輸出的內(nèi)容寫入到瀏覽器的控制臺（一般使用F12鍵打開，查看）里，在控制臺里輸出內(nèi)容，開發(fā)時會經(jīng)常使用。

在控制臺里顯示日志

console.log();

在控制臺里提示警告

console.warn();

當(dāng)發(fā)生錯誤時，會在控制臺里顯示錯誤

console.error();

代碼示例：

<script type="text/javascript">
    console.log('控制臺.日志()');
    console.warn('控制臺.警告()');
    console.error('控制臺.錯誤()');
</script>

效果圖：

js中輸出內(nèi)容的4種方式是什么

方法四：js innerHTML語句輸出

innerHTML 屬性：可以設(shè)置或返回表格行的開始和結(jié)束標(biāo)簽之間的 HTML。

基本語法：

HTMLElementObject.innerHTML=text

HTMLElementObject：需要輸出內(nèi)容的節(jié)點(diǎn)元素

text：需要輸出的內(nèi)容

代碼示例：

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>通過innerHTML方法向頁面元素中輸出內(nèi)容</title>
</head>
<script>
function changeContent() {
document.getElementById("demo").innerHTML = "通過innerHTML方法向頁面輸出了內(nèi)容";
}
</script>

<body>
<h2 id="demo">我是一個標(biāo)題</h2>
<button type="button" onclick="changeContent()">更改內(nèi)容</button>
</body>

</html>

效果圖：

js中輸出內(nèi)容的4種方式是什么

關(guān)于js中輸出內(nèi)容的4種方式是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

分享題目：js中輸出內(nèi)容的4種方式是什么
文章URL：http://chinadenli.net/article18/gsjggp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、企業(yè)建站、自適應(yīng)網(wǎng)站、小程序開發(fā)、全網(wǎng)營銷推廣、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站