JS中常用的輸出方式(五種)
廢話不多少了,直接給大家上干活了,具體詳情如下所示:
1、alert("要輸出的內(nèi)容");
->在瀏覽器中彈出一個(gè)對(duì)話框,然后把要輸出的內(nèi)容展示出來(lái)
->alert都是把要輸出的內(nèi)容首先轉(zhuǎn)換為字符串然后在輸出的
2、document.write("要輸出的內(nèi)容");
->直接的在頁(yè)面中展示輸出的內(nèi)容
3、console.log("要輸出的內(nèi)容");
->在控制臺(tái)輸出內(nèi)容
4、value ->給文本框(表單元素)賦值內(nèi)容
->獲取文本框中(表單元素)的內(nèi)容
document.getElementById("search").value = "要給#search這個(gè)文本框添加的內(nèi)容";
5、innerHTML/innerText ->給除了表單元素的標(biāo)簽賦值內(nèi)容
document.getElementById("div1").innerHTML = "吧啦吧啦吧啦吧啦";
document.getElementById("div1").innerText = "吧啦吧啦吧啦吧啦";
->innerHTML和innerText的區(qū)別
1)innerHTML在賦值的時(shí)候,如果遇到了有效的HTML標(biāo)簽會(huì)把它當(dāng)做真正的標(biāo)簽處理,標(biāo)簽就可以起到自己的作用了;
innerText不管是不是標(biāo)簽都當(dāng)做文本來(lái)賦值,那么看到的都是文本,標(biāo)簽起不到自己的作用;
(在賦值的時(shí)候innerHTML可以識(shí)別HTML標(biāo)簽,而innerText不能識(shí)別)
2)在部分火狐瀏覽器中,不支持innerText,而innerHTML是所有瀏覽器都支持的
相關(guān)文章
JavaScript 核心參考教程 RegExp對(duì)象
JavaScript 核心參考教程RegExp對(duì)象,學(xué)習(xí)正則表達(dá)式的朋友可以參考下。2009-10-10
如何用JavaScript檢測(cè)當(dāng)前瀏覽器是無(wú)頭瀏覽器
這篇文章主要介紹了如何用JavaScript檢測(cè)當(dāng)前瀏覽器是無(wú)頭瀏覽器,對(duì)無(wú)頭瀏覽器感興趣的同學(xué),可以參考一下2021-04-04
你不知道的5個(gè)JavaScript中JSON的秘密功能分享
在開發(fā)中,我們會(huì)經(jīng)常使用?JSON.stringify(object)?來(lái)序列化對(duì)象,但JSON.stringify方法除了了第一個(gè)參數(shù)外,還有其它參數(shù)可用,今天我們一起來(lái)看看這些參數(shù)是做啥的2023-05-05
fastadmin如何讓后臺(tái)的日期顯示成年月日格式(推薦)
FastAdmin是一款基于ThinkPHP5+Bootstrap的極速后臺(tái)開發(fā)框架,本文給大家介紹fastadmin的后臺(tái)時(shí)間戳字段如何顯示成年月日的日期格式,感興趣的朋友跟隨小編一起看看吧2023-10-10
微信小程序使用template標(biāo)簽實(shí)現(xiàn)五星評(píng)分功能
這篇文章主要為大家詳細(xì)介紹了微信小程序使用template標(biāo)簽實(shí)現(xiàn)五星評(píng)分功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11
javascript設(shè)計(jì)模式之模塊模式學(xué)習(xí)筆記
這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計(jì)模式之模塊模式學(xué)習(xí)筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02

