javascript的简介
- 基于对象和事件驱动的语言,应用于客户端。
- 基于对象:提供好了 对象可以直接拿过来使用
- 事件驱动:html+css做网站静态效果,javascript做网站动态效果
- 客户端:指的是浏览器
- javascript的 特点:
- 交互性:信息的动态交互
- 安全性:javascript不能访问本地磁盘的文件
- 跨平台性:只要是支持javascript的浏览器都可以运行,不限系统。
- javascript和Java的区别:
- 首先二者没有任何关系
- Java是sun公司开发,现在是oracle公司的产品,Javascript是网景(netspace)公司的产品
- javascript是基于对象的,Java是面向对象的的 语言
- Java是强类型语言,javascript是弱类型语言,
- 比如Java中定义一个 变量需要具体指定变量的类型:int i = 10;
- 但是javascript中变量的定义不用具体指定:var i =10; var 1 =”10”;都是可以合法的。
- Java程序要运行需要先编译成字节码文件,后运行,但是javasc只需要解析就可以运行。
- javascript的组成(三部分)
- ECMAscript
- 指定了javascript的基本语法
- ECMA:欧洲计算机协会
- BOM浏览器对象模型(browser Object Model)
- 包含对浏览器的一些操作
- DOM文档对象模型(Document Object Model)
- 包含对文档的一些操作
- ECMAscript
javascrip 和 html 结合的方式
- 第一种:使用在script标签中书写javascript代码
<script type="text/javascript">
javascript代码
</script>
- 第二种:使用script标签中的src属性引入,标签内不能再写javascript代码
<script type="text/javascript" src="nihao.js">
注意:这里不能再书写javascript代码,会不起作用的
</script>
什么事javascript
javascript 是一种面向对象能力的,解释性的程序性设计语言,更具体一点,他是基于对象和事件驱动并具有相对安全性的客户端脚本语言,因此他不需要在一个语言环境下运行,而需要支持它额浏览器就可以,他的主要目的是,验证发往服务器端的数据,增加Web 互动,嘉庆用户体验。
javascript特点
- 松散型
- 他的变量不必具有一个明确的类型
- 对象属性
- javascript的对象吧属性名映射为任意的属性值,它的这种方式很像哈希表或者关联数组
- 继承机制
- 继承机制基于原型,
javascript 的 整体感知
- 代码的存放位置:如果没有style标签就放在title标签下面,如果有就放在style标签下面,javascript代码放在script标签之间。 也可以放在body 标签内
- 2.
语句
- alert(“你好”)
效果就是在页面上弹出一个警告窗口,提示内容就是自己所写的“你好”
注意:如果页面上出现弹窗以后,页面的位置不能改变,并且不能关闭,其实这个时候浏览器的进程已经暂停了。
- console.log(“你好”)
效果就是在浏览器的控制台输出一条语句,如下图
作用是用来调试程序的,但是也有一些像百度这样的网站来提供招聘信息。
- prompt(“请输入你的姓名”)
效果在网页上弹出一个输入框,用来收集信息。
- document.write(“value/html/var”)
可以页面上输固定值,变量或者html标签
javascript代码的书写规范
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="utf-8">
<title>javascript练习</title>
<script type="text/javascript">
alert("你好");
</script>
</head>
<body>
</body>
</html>
- 对换行,空格,缩进不敏感
- 规范:代码书写在script标签内,代码给一个缩进
- 代码执行顺序:重上到下,重左到右。
- 单行语句要加分号
alert("niaho")alert("nidfw")
这样写会报错,正确解决方法:1. 一条语句单独一行,可以不加分号2. 第一条语句后加分号
- 代码的注释:// 只能注释一行代码 ;/**/ 注释多行代码
开发工具的使用
页面右键–审查元素,如果页面上有错误就会显示一个红色报警,在控制台右上角。点击console 选项卡就会显示这个错误,