JavaScript 基础
一、HTML/CSS/JavaScript 的关系
-
HTML/CSS 标记语言–描述类语言
- HTML 决定网页结构和内容( 决定看到什么 ),例如:人的身体
- CSS 决定网页呈现给用户的模样( 决定好不好看 ),例如:给人穿衣服 JavaScript 脚本语言–编程类语言
- 实现业务逻辑和页面控制( 决定功能 ),例如:人的各种动作
二、 JavaScript 作用
- 嵌入动态文本与HTML页面
- 对浏览器时间做出相应
- 读写HTML元素
- 在数据被提交到服务器之前验证数据
- 检测访客的浏览器信息
- 控制cookies,包括创建和修改等。
- 基于node.js技术进行服务器端编程。
三、 JavaScript 组成
-
1.ECMAScript JavaScript 语法
- 规定JavaScript 的 编程语法和 基础核心知识 2.DOM 页面 文档对象模型
- 可扩展标记语言的 标准编程接口。
- 通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。 3.BOM 浏览器对象模型
- 提供独立于内容的、可以与浏览器窗口进行互动的对象结构。
- 可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。
四、JavaScript 编程方式
- 在
head
里添加script
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
...
</script>
</head>
- 外部式js文档
第一步:新建文档xxx.js
第二步:在html内head
引入script
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="01.js"></script>
</head>
第三步:在xxx.js文件中编写
...
五、JavaScript输入输出语句
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法 | 说明 |
---|---|
alert(msg) | 弹出警示框 |
console.log(msg) | 控制台打印输出信息 |
prompt(info) | 弹出 输入框,用户可以输入(输出值为字符型) |
alert() 显示消息给用户,console.log() 显示运行时的消息给程序员
使用:
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
// 弹出
alert('xxx');
// 控制台输出信息 给程序员测试使用
console.log('程序员可看');
//输入框 (123:输入框上方提示文字)
prompt('123');
</script>
</head>