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

最新推荐文章于 2023-07-08 18:57:57 发布

TUTsmile

最新推荐文章于 2023-07-08 18:57:57 发布

阅读量296

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：前端入门 JavaScript入门前端基础 JavaScript基础

本文链接：https://blog.youkuaiyun.com/TUTsmile/article/details/88680609

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

这篇博客介绍了JavaScript的基础知识，包括如何在HTML中插入JavaScript代码，使用<script>标签，JavaScript的输出方式如document.write(), alert(), innerHTML以及console.log()，以及如何进行注释。此外，还讲解了如何创建和引用外部JavaScript文件。" 108969927,1133596,Java JNDI深度解析：从基础到实践,"['Java', 'JNDI', '目录服务', 'LDAP', 'API接口']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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="这是我的第一个段落。";