响应式第二次课笔记

目录

一、初识JavaScript
二、JavaScript的简单使用

一、初识JavaScript

初次学习JavaScript不禁会想，它是什么？它有什么特性？它能做什么？等等…
先介绍JavaScript是什么。
JavaScript有以下几个特性：
1、它是一门客户端的脚本语言
2、它运行在客户端浏览器中
3、它不需要编译，可以直接被浏览器解析
再来康康JavaScript有什么基本功能？？
单从HTML界面来说，它能够实现以下三个功能：
1、客户端表单验证
2、添加动态效果
3、改变页面内容
而构成JavaScript的有以下三个部分：

身为html的三大巨头：html、css、JavaScript。其实他们在构成一个网页的时候负责不同的分工。
html：决定网页结构和内容（即“是什么”）
css：决定网页的表现形式（即“外观模样”）
JavaScript：决定网页的行为（即“做什么”）

JS既然是制作网页的工具，那么我们也应该了解网页解析的原理：

最后展示一下JavaScript的发展历程：

二、JavaScript的简单使用

JavaScript的引用方式主要有三种：
1、内嵌式

<script type="text/JavaScript">
	alert('hello world')
</script>

2、外联式

<script src="aa.js" type="text/JavaScript"></script>

3、行内式(不推荐使用)

<button type="button" onclick="JavaScript:alert('hello world')">click me</button>

JavaScript的输入输出语句：

输出语句：

alert()：创建一个对话框，括号里输入表达式。然后alert()会在对话框中输入对应表达式。
例如：

<script type="text/JavaScript">
	alert('hello world')
</script>

则运行效果如下：

document.write()：它直接在页面上输出内容。括号里可以是字符串，表达式，变量，还可以是html代码。

<script type="text/JavaScript">
	document.write('hello world')
	document.write('<h1>hello world</h1>')
	document.write('hello+'</br>'+ world')
</script>

运行效果如下：

通过比较alert()和document.write()，总结二者区别：
1、前者显示在对话框之中，后者则直接显示在页面上
2、**alert()**括号里不能加html标签，**document.write()**括号里可以添加html标签

输出语句：

prompt()：创建一个提示对话框，收集用户输入

<script type="text/jscript">
	prompt('请输入你的年龄：','18');
</script>

运行效果如下：

控制台输出语句：
console.log()：

<script type="text/jscript">
	console.log("我会显示在网页控制器上")
</script>

代码运行效果如下：

转义字符：

总结

这堂课程主要学习了JavaScript的输入输出语句，它的组成，发展与作用