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 变量。