什么是javascript?
示例
- 内容 content
- 结构 html
- 样式 css
- 行为 javascript
内容、结构、样式、行为
- 内容 txt、image： 页面所要传递的信息(文本及二进制资源), 自然语言
- 结构 html：对内容的语义化标记,标记
- 样式 css：对内容如何呈现的描述,命令式
- 行为 javascript ：与内容进行交互的方式,编程语言
软件工程的利器: 分离原则
- 标记（名词）、规则（形容词）、编程（动词）
- 无穷的组合与变化，利于重用与扩展，
- 形与色、动与静、变与常
Javascript的基本特点
JavaScript 是一门运行在浏览器中的脚本语言
- 脚本(script)语言: 面向特定用途的,倾向于描述性、声明性的编程语言
- 寄生于浏览器之中,类似于浏览器的shell
引入 Javascript 代码的方式
- 外联
- 嵌入
- 内联
类似 css 的引入方式
嵌入
<script type="text/javascript" >
alert('hello world!');
</script>
一般放置于<body>之中
内联
<a href="#" onclick=" alert('hello world!'); ">hello!</button>
需要与onclick等事件相关联
外联
<script src="./js/hello.js" type="text/javascript" charset="utf-8" async defer></script>
一般放置于<head>区域之中
快速运行 Javascript
- 打开浏览器并打开任何一个网页，单击右键选择检查元素(inspect element)菜单项，进入浏览者开发者工具
- 点击切换到控制台(console)标签栏，看到输入框(光标闪烁处)
- 敲入下面的javascript代码
alert('hello world!');