目录
一、JavaScript基本组成
1. ECMAScript
2. DOM
3. BOM
目录
一、JavaScript基本组成
1. ECMAScript
2. DOM
3. BOM
二、JavaScript 引入方式
1、行内嵌入式
2、页内嵌入式
3、外链式
三、Chrome 浏览器中执行 JavaScript
四、输入输出语句
1.prompot()
2.alert()
3.console.log()
五、JavaScript注释
二、JavaScript 引入方式
1、行内嵌入式
2、页内嵌入式
3、外链式
三、Chrome 浏览器中执行 JavaScript
四、输入输出语句
1.prompot()
2.alert()
3.console.log()
五、JavaScript注释
--JavaScript的核心,描述了语言的基本语法和对象。
ECMAScript经历了三个版本的更新,现在大多数网络浏览器都支持Edition3。ECMAScript主要提供语言相关的信息与标准,如语法、类型、声明、关键字、保留字、操作运算符、对象等等。
--The Document Object Model,描述了作用于网页内容的方法和接口。
DOM是HTML的一个应用程序接口,它也经历了三个版本的更新,其中以第一和第二个版本使用最为广泛,在第二个版本中,最重要的特性莫过于提供了事件响应的接口,处理CSS的接口,移动窗口的接口,并且能够控制代码树的结构等等。
除了使用最多的DOM Core和DOM HTML标准接口外,其他的部分语言也拥有自己的DOM标准,如SVG、MathML、SMIL。
--The Browser Object Model,描述了和浏览器交互的方法和接口。
例如弹出新的浏览器窗口,移动、改变和关闭浏览器窗口,提供详细的网络浏览器信息(navigator object),详细的页面信息(location object),详细的用户屏幕分辨率的信息(screen object),对cookies的支持等等。BOM作为JavaScript的一部分并没有相关标准的支持,每一个浏览器都有自己的实现,虽然有一些非事实的标准,但还是给开发者带来一定的麻烦。
<a href="javascript:alert('消息框')">西安</a>
<script type="text/javascript"> js代码 </script>
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:
Chrome 是由 Google 开发的免费网页浏览器,对于前端开发来说(尤其是调试代码)非常方便。
我们在 Chrome 浏览器中可以右击页面,选择"检查"来开启开发者工具。
也可以在右上角菜单栏选择 "更多工具"=》"开发者工具" 来开启:
prompt("字符串"):带有一个输入框的消息提示框,当用户点击'确定'按钮时,返回用户输入的信息,
prompt('请输入你的城市');
alert("字符串"):是一个消息提示框(只有一个确定按钮的对话框)
var city='西安' alert(city);
浏览器在控制台输入信息
console.log('控制台输入信息');
1.单行注释
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头。
//1. 输入框 prompt('请输入您的年龄'); //2. 弹出警示框 输出展示给用户 alert('计算结果是'); //2. 控制台输出 给程序员测试用 console.log('程序员看');
2.多行注释
多行注释以 /* 开始,以 */ 结尾。
/* var myname = '张xx'; var address = '深圳'; var age = 18; var email = '123@qq.com'; console.log(myname); */