JavaScript是一种强大的编程语言,可以用来创建动态网页,它提供了多种输出方式。下面介绍几种常见的输出方式。
1、document.write()
document.write() 是 JavaScript 中最常用的输出方法,它可以用来输出 HTML 标记,文本和 JavaScript 变量。例如:
document.write("Hello World
");
document.write("这是一个段落
");
document.write("" + name + "
");
2、innerHTML
innerHTML 是一个 JavaScript 属性,可以用来获取或设置 HTML 元素的内容。它可以用来替换元素的内容,也可以用来输出 HTML 标记、文本和 JavaScript 变量。例如:
document.getElementById("demo").innerHTML = "Hello World
";
document.getElementById("demo").innerHTML = "这是一个段落
";
document.getElementById("demo").innerHTML = "" + name + "
";
3、console.log()
console.log() 是 JavaScript 中用于输出到浏览器控制台的方法,可以用来输出文本和 JavaScript 变量。例如:
console.log("Hello World");
console.log("这是一个段落");
console.log(name);
4、alert()
alert() 是 JavaScript 中用于显示警告框的方法,可以用来显示文本和 JavaScript 变量。例如:
alert("Hello World");
alert("这是一个段落");
alert(name);
5、document.getElementById()
document.getElementById() 是 JavaScript 中用于获取 HTML 元素的方法,可以用来获取 HTML 元素,获取其中的文本内容或属性,也可以用来设置 HTML 元素的内容。例如:
document.getElementById("demo").innerText = "Hello World";
document.getElementById("demo").innerText = "这是一个段落";
document.getElementById("demo").innerText = name;
6、document.createElement()
document.createElement() 是 JavaScript 中用于创建 HTML 元素的方法,可以用来创建新的 HTML 元素,设置其中的文本内容或属性。例如:
var h1 = document.createElement("h1");
h1.innerText = "Hello World";
document.body.appendChild(h1);
var p = document.createElement("p");
p.innerText = "这是一个段落";
document.body.appendChild(p);
var p = document.createElement("p");
p.innerText = name;
document.body.appendChild(p);
以上就是 JavaScript 中常见的输出方式,它们都可以用来输出 HTML 标记、文本和 JavaScript 变量。