请列举出JS语言中输出数据的几种方式

JavaScript016

请列举出JS语言中输出数据的几种方式,第1张

1。使用 window.alert() 弹出警告框。

2。使用 document.write() 方法将内容写到 HTML 文档中。

3。使用 innerHTML 写入到 HTML 元素。

4。使用 console.log() 写入到浏览器的控制台。

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

<html>

<input id="mark" type="text">

<script>

function myFunction()

{

var x=document.getElementById("mark").value

if(isNaN(x))

{

document.getElementById("grade").innerHTML="您输入的不是数字"

return

}

if(x>=90&&x<=100)

{

document.getElementById("grade").innerHTML="A"

}

else if (x>=80&&x<=89)

{

document.getElementById("grade").innerHTML="B"

}

else if (x>=70&&x<=79)

{

document.getElementById("grade").innerHTML="c"

}

else if (x>=60&&x<=69)

{

document.getElementById("grade").innerHTML="c"

}

else

{

document.getElementById("grade").innerHTML="输入数据超出范围"

}

}

</script>

<br></br>

<button type="button" onclick="myFunction()">Grade</button>

<p id="grade"></p>

<hr>

</html>

给文本框添加一个onkeyup事件

然后在页面上添加一个你要显示文本框内容的任意标签,但id必须是唯一的

实例:

<input type="text" size="20" onkeyup="shu(this.value)"/>

<span id="txt">这里显示文本框的内容</span>

js代码:

<script>

function shu(text){

document.getElementById('txt').innerText=text

}

</script>