js简介:
一、什么是javaScript
嵌入式(嵌入到html中) 寄存 (运行在浏览器的内核中,不需要安装环境) 脚本 (可以在html的任意位置多次插入) 语言
js是由Netcsape(网景)公司开发,之父是布兰登
js的语言特点是:
基于事件驱动;面对对象;运行在浏览器的内核中;运行在客户端:(减少了服务器的压力);
松散性:定义数据类型可以不指定
继承性:父类可以把一些属性方法继承给子类
对象的属性:特性
可以实现用户的交互,数据收集,数据处理,动画之类
二、javaScript发展史(浏览器大战:五个浏览器:IE,欧朋,谷歌,苹果,火狐)
1992年,nombas开发了c--简称cmm,晦气改名为scriptEase,是网页的一块基石
1995年,网景公司的布兰登解决了向服务器提交的问题,网景公司sun公司合作联手开发Livescript,最后为了盈利改名成JavaScript
微软:ie 3.0,克隆了javascript程序,叫JScript(和网景产生了纠纷),最后微软还创建了vbscript网景公司1997年提交到欧洲计算机制造商协会,组建了ECMA第39委员会(T39)打造出脚本语言的规范CMAScript-ECMA-262 39指39个人
网景公司晚微软一年才开发出ECMA-262的脚本语言,迟钝的网景,敏感的微软.脚本语言以微软为标杆.
1998年在微软公司的打击下,js完全溃败;火狐的崛起,完全兼容js,火狐成为世界上第二大浏览器,所以js开始火起来
1999年变成了一个可怜的兼容者
2008年,谷歌浏览器
苹果浏览器:ipad,iphone,mac
opera(欧朋)浏览器:2%
《js的使用》
一、网页的组成
1.html:结构层
2.css:表现层
3.javascript:行为层
二、js的引入方式
1.行内
<body οnlοad="alert('不一定,你猜!')">
2.嵌入
<script>
// 嵌入方式
alert('嵌入式')
</script>
3.文件调用-外部
<!-- 文件调用-外部引入 -->
<script src=""></script>
问题:
src:统一资源定位器,一但引入外部文件,标签里不能再写代码(找文件的位置在哪)
属性:
src:统一资源定位器,一但引入外部文件,标签里不能再写代码(找文件的位置在哪)
type:
type="text/javascript" 什么是javascript,可以省略不写
三、语法
css语法:
选择器{声明1;声明2;....},每条声明用;(分号)分割
声明:属性和值,之间用:分割
html语法:
首标签和尾标签,也有单标记
<html></html> 单标记:<img src=""/>
标识符:
1.区分大小写
<!-- 大写错误,区分大小写 -->
<script>
ALERT('SSSS')
var x1=100
var X1=200
这是两个不同的变量,而且没有任何关系
</script>
2.第一个字符不可以是数字
var 1x=100 // var声明一个变量,1x是标识符,会报错
3.由字母(a-z A-Z)下划线_或$构成
var x1=100
var $1=200
var _abc=300
document.write(_abc) //在文档中写入 +-*/
附件:
<script> var x1=100 var $1=200 var _abc=300 // document.write(_abc + x1 + $1) 300 //在文档中写入+-*/ // document.write(x1 + $1 - _abc) 0 // document.write('<h1 style="color:red;">可以写文字</h1>') 可以加标签和样式 // document.write('<hr color="red">') 分割线变成红色 // document.write("<img src='img/1.jpg.jpg' />") 插入图片 /* 可以同时出现两个值 (var s=$1+x1 var s2=_abc-$1 document.write(s,s2) */ </script>
注意:单引号包双引号或双包单;不能单保单和双包双
./ :当前
../ :上一级
/ :根路径
4.不能把关键字和保留字当标识符来使用(系统已经对这些单词有特殊的定义)
关键字:
break、case、catch、continue、default、delete、do、else、finally、for、function、if、 in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with
保留字:
abstract | enum | int | short | boolean | export | interface | static|byte | extends | long | super | char | final | native | synchronized | class | float | package | throws | const | goto | private | transien |debugger | implements | protected | volatile | double | import | public
5.驼峰命名法:高低不平
大驼峰:var UserName="大驼峰"
小驼峰:var userName="小驼峰" 推荐
6.注释(不参与运行) 失效了
复习:
html注释:
<!-- 注释的标签 -->
css的注释:
/* 注释的样式 */
js的注释:
// 单行注释
/* 多行注释 */
规则:
1.说明程序的用途或方法-说明解释
2.调试用,排除错误的代码, 以让其先不运行--诊断
3.维护使用(自己也方便),方便团队协作
4.多少注释合适:软件工程学不得少于总代码的3分之1