1.JS概念
JavaScript是用于实现用户交互
、动态控制文档的外观和内容
,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言
2.特点
-
是基于对象的弱类型语言
- 弱类型语言:是一种弱类型定义的语言,某一个变量被定义类型,该变量可以根据环境变量自动进行转换,不需要经过显性强制转换。弱类型语言包括vb,php,javascript等。
- 强类型语言:是一种强制类型定义的语言,一旦某一个变量被定义类型,如果不经过强制转换,则它永远就是该数据类型了,强类型语言包括java,net,c++等
-
跨平台
- Linux,windows,mac只要有浏览器,就能够运行
-
事件驱动
- 鼠标点击,鼠标悬浮,鼠标移动,键盘按下,键盘弹起,获取焦点,失去焦点,加载等常用的事件
3.Java和JavaScript相同么?
二者完全没有关系,网景(Netscape)公司只是为了借着Java语言比较火的东风,将LiveScript语言更名成为了JavaScript语言。 Java是由Sun Microsystems公司开发的更强大也更复杂的高级程序设计语言,而Javascript是由浏览器解释执行的客户端脚本语言
4.JS的用途
- 表单客户端验证;
- 动态HTML(DHTML):不需要人为介入,就能自动实现动画效果。
- 用户交互的动画效果:需要鼠标和键盘介入的动画效果
- 动态添加一些网页内容
- 动态的获取和改变html元素的属性或css属性,从而动态的创建网页内容或改变内容的显示
5.JavaScript的运行开发环境
- 开发:用于编辑HTML文档的字符编辑器。
- 运行:Netscape Navigator 3.0 或 Internet Explorer 3.0及以上版本。
- 注意:JavaScript的程序是通过客户端浏览器来解析的,他的解析与Web服务器无关。
6.js的有点和局限
-
优点
- 1.使用JavaScript可以在客户端进行数据验证,节省服务器端的资源。 例:login.sina.com.cn/signup/sign…
- 2.可以方便地操纵各种页面中的对象,使网页更加友好。
- 3.使多种任务仅在客户端就可以完成而不需要网络和服务器的参与,从而支持分布式的运算和处理。
-
局限
- 1.兼容性。互联网上有很多浏览器,如FireFox,Internet Explorer、Opera等,但各种浏览器支持JavaScript的程度是不一样的,所以各个浏览器运行JavaScript的效果会有一定的差距,有时甚至会显示不出来。
- 2.JavaScript不能打开、读写和保存用户计算机上的文件。
7.JS的组成
- ECMAScript 是Javascript的核心基础,JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护 ECMA-262 是正式的 JavaScript 标准,提供语法、数据类型、语句、关键保留字、流程控制、内置对象、运算符等规范,定义了脚本语言的所有属性、方法和对象
- DOM(Document Object Model) 动态管理HTML、XHTML、XML元素
- BOM(Browser Object Model) 动态操作浏览器窗口和框架
8.如何在HTML中引入Javascript
-
引入js文件
<script src='test.js'>之间不允许加入任何JS代码</script>
-
写在script标签内部(可以使用多个,每一个之间都是有联系的)
-
注意事项:
- js代码必须放在结束的后面
- 在head中添加js代码,必须使用window.onload
- 不能在style中添加js代码
9.如何在HTML中使用Javascript
-
使用事件传入javascript代码
<div onclick="alert('hello world')"></div>
-
使用超链接传入javascript代码
<a href="javascript:alert('hello world');"></a>
10.如何在页面输出JavaScript
-
alert(“这是我的输出页面”); 弹窗输出
-
document.write(“这是我输出的内容”); 在页面输出,可以输出标签
-
console.log()
在控制台中打印,打印任意字符或者js的变量信息; 可以接受任何字符串、变量、数字、对象;
11.JS的命名规范
-
命名规范
- 一定要有意义
- 不能以数字开头
- 第一个字符必须是一个字母、下划线或是一个美元符号$
- 其他字符可以是字母、下划线、美元符号或是数字
- 不能是系统的关键词
- 推荐使用小驼峰命名法
-
javascript区分大小写 变量名、函数和操作符,第一个单词小写以后每个单词首字母大写(getElementById 、aaBbCc)驼峰式命名法
-
注意:不能把关键字、保留字、true、false和null用作标识符
12.JS语句与注释
-
javaScript中的语句以一个分号结尾,如果省略分号,则由解析器确定语句的结尾,一般情况下,换行会被当做一个语句的结尾
alert('hello world') ; document.write('hello world');
-
注释
//…… 单行注释 /…/ 多行注释