当前位置：网站首页 > 软件专业 > 前端开发专业 > 正文

Web前端开发|JavaScript如何输出模块？_惠州前端培训学校

作者：alu发布时间：2022-03-20分类：前端开发专业浏览：779

导读：JavaScript如何输出模块？接下来惠州北大青鸟老师给大家分享一下，希望对大家有帮助。

JavaScript如何输出模块？接下来惠州北大青鸟老师给大家分享一下，希望对大家有帮助。

JavaScript 输出

JS 实现

JS 语句

JavaScript 通常用于操作 HTML 元素。

操作 HTML 元素

如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。

请使用 "id" 属性来标识 HTML 元素：

例子

通过指定的 id 来访问 HTML 元素，并改变其内容：

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

<p id="demo">我的第一个段落</p>

document.getElementById("demo").innerHTML="我的第一段 JavaScript";

</script>

</body>

</html>

亲自试一试

JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容(innerHTML)替换为 "My First JavaScript"。

写到文档输出

下面的例子直接把 <p> 元素写到 HTML 文档输出中：

实例

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

document.write("<p>我的第一段 JavaScript</p>");

</script>

</body>

</html>

亲自试一试

警告

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：

实例

<!DOCTYPE html>

<html>

<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落。</p>

function myFunction()

{

document.write("糟糕!文档消失了。");

}

</script>

</body>

</html>

亲自试一试

Windows 8 中的 JavaScript

提示：微软支持通过 JavaScript 创建 Windows 8 app。

对于因特网和视窗操作系统，JavaScript 都意味着未来。

点击咨询直接了解更多前端相关资料，我在惠州北大青鸟新方舟等你。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟

Web前端开发|JavaScript如何输出模块？_惠州前端培训学校

相关推荐