JavaScript入门教程：浏览器、注释与代码引入方式

需积分: 5 34 浏览量更新于2024-08-05 收藏 149KB PDF 举报

"JavaScript笔记第一章—课程准备.pdf" 这篇笔记主要介绍了JavaScript的基础知识，包括浏览器环境、注释方式、JavaScript的外部引入和行内引入、以及输入输出和控制台输出的方法。首先，笔记提到了两个主要的浏览器环境：谷歌浏览器和火狐浏览器。这两个浏览器都支持JavaScript，是开发网页应用时常用的测试平台。接着，笔记介绍了JavaScript中的注释方法。单行注释使用双斜线`//`，多行注释则使用`/* */`包裹。注释在代码中起到解释和说明的作用，对理解和维护代码非常重要。在JavaScript的引入方式上，笔记讲解了外部引入和行内引入。外部引入是通过`<script>`标签，指定`src`属性为包含JavaScript代码的外部文件，同时设置`type`为`text/javascript`和`charset`为`utf-8`。行内引入有两种形式：一种是直接在HTML元素的事件属性中写入JS代码，如`onclick`；另一种是隐式行内引入，如在`<body>`标签的`onload`事件中执行JS代码。对于输入输出，笔记提到了三种方法。`prompt()`函数用于创建输入弹窗，可以提示用户输入信息，并可设置默认值。`alert()`函数则用于创建输出弹窗，显示一条信息并带有确认按钮。`document.write()`函数可以将内容直接写入HTML页面，但要注意它会覆盖当前文档的内容，通常在页面加载完成前使用。最后，笔记介绍了如何使用`console.log()`在浏览器的控制台输出信息。控制台是开发者调试代码的重要工具，`console.log()`可以帮助查看变量值、追踪代码执行过程，且不会影响程序的正常运行。这些基础知识是学习JavaScript的起点，理解和掌握它们对于后续深入学习JavaScript编程至关重要。

一、浏览器

谷歌、火狐

二、注释：（内部引入）

单行//

多行/*...... */

三、 js外部引入和行内引入

外部引入：

1 <script scr="外部引入的文件"type="text/javascript "charest="utf-8">

2 </script>

3 </head>

4 </body>

行内引入：必须与事件结合来使用，但是内部JS和外部js可以不结合事件

1 <button onclick=alert"('我要自学网3')">点击</button>

2 </body>

隐式行内引入引入

1 <body onload="alert('我是行内引入')">

四、输入、输出工具

①//显示可提示用户进行输入的对话框，简称：输入弹窗

//语法：prompt(对话框中显示的纯文本，默认的输入文本)；两个参数均为可选

1 <script type="text/javascript">

2 prompt();

3 prompt('请输入姓名：');

4 prompt('请输入姓名：','张三');

5 </script>

②

//弹出带有一条指定消息和一个确定按钮的警告框，简称输出弹窗

//语法：alert（对话框中显示的纯文本）;

1 alert('我要自学网')

③输出到页面，会以HTML的语法解析里面的内容

下载后可阅读完整内容，剩余3页未读，立即下载

qq_1991028731

粉丝: 1
资源: 3

JavaScript入门教程：浏览器、注释与代码引入方式

JavaScript-学习笔记.pdf

JavaScript学习笔记.pdf

Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第16章 参考答案.pdf

毕向东_Java基础课堂笔记.pdf

李炎恢JavaScript-pdf文档笔记

WEB程序设计－JSP(第2章 JSP开发基础).pdf

CSSNotesForProfessionals.pdf

基于web个人日志系统的设计与实现.pdf

4-Web应用系统开发-教案[定义].pdf

High Performance JavaScript(高性能JavaScript)读书笔记分析

最新资源

Web前端开发与应用教程 (HTML5+CSS3+JavaScript)第2版第16章参考答案.pdf