前端入门学习笔记（十八）JavaScript入门（一）了解JavaScript的基本使用方式

TUTsmile

墨衍会员 · AI 创作全网分发码龄10年

关注

原创最新推荐文章于 2025-04-27 21:32:02 发布 319 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

JavaScript用法

在HTML中，必须在 <script>; 和 </script> 标签之间插入JavaScript代码

<script>标签
如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

<script>
    alert("我的第一个 JavaScript");
</script>

上面的代码会使你在打开网页的时候，弹出一个提示框

那些老旧的实例可能会在 <script> 标签中使用 type=“text/javascript”。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。

JavaScript可被放置在 HTML 页面的 <body> 和 <head> 部分中。在下面的示例中，我们将其放在 <head> 标签中。

<html>
<head>
    <script>
        alert("我的第一个 JavaScript");
    </script>
</head>
<body>
</body>
</html>

JavaScript输出

JavaScript 没有任何打印或者输出的函数。

JavaScript 可以通过不同的方式来输出数据：

使用 document.write() 方法将内容写到 HTML 文档中。
使用 window.alert() 弹出警告框。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

document.write()
将一个字符串写入到HTML文档。此功能可用于写入文本和HTML。
而且我们可以使用HTML标签来格式化JavaScript中的文本。
让我们使用JavaScript在浏览器中打印 “Hello world”。

<html>
   <head> </head>
   <body>
     <script>
       document.write("<h1>Hello World!</h1>");
     </script>
   </body>
</html>

JavaScript注释

单行注释以 // 开头。
多行注释以 /* 开始，以 */ 结尾。

/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
// 输出标题：
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
// 输出段落：
document.getElementById("myP").innerHTML="这是我的第一个段落。";