正文
JS的组成部分、引入页面的方法以及命名规范
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
JS的组成部分、引入页面的方法以及命名规范 一、页面是由三部分组成
1)html标签(超文本标记语言)
2)css样式(层叠样式表)
3)javascript脚本编程语言(动态脚本语言)
二、将css引入到页面中的几种方法 (4种)
1)行内样式:直接在元素标签上编写样式
2)内嵌样式:在页面的样式表中通过css选择器,找到对应的元素给它设置样式
3)外链样式:把样式文件写在一个外部的文件中,然后在本页面中通过link标签把它引入当前页面中
<link type="text/css" href="css/style.css" rel="stylesheet"/>
4)导入式:和外链式一样都是把样式写在一个外部样式中,但是也需要引入进来
<style type="text/css">
@import "css/style.css";
</style>
三、将js引入到页面中的几种方式
1)行内引入(不推荐,安全性能比较低)<div onclick="alert(1)"></div>
2)内嵌式
3)外链式 <script type="text/javascript" src="js/index.js"><script>
需要注意的是,在外链式引入JS的时候,在javascript脚本块之间不能写JS代码,因为写了也没用
四、JS属于一门轻量级的脚本编程语言(因为JS是面向对象开发的,而面向对象开发的需要我们掌握关于类的继承、封装、多态)
JS是由三部分组成:
1)ECMAScript : 定义了我们JS的基本语法、命名规范、变量、数据类型、操作语句等最为基础也是最为核心的知识
(语法、类型、语句、关键字、保留字、操作符、对象)
2)DOM : document object model 文档对象模型
提供了我们JS操作页面上元素常用的属性和方法 --> document 文档对象(代表的是整个文档)
3)BOM : browser object model 浏览器对象模型
提供了我们JS操作浏览器的常用的属性和方法 --> window 浏览器对象(代表的是整个浏览器)
五、js命名规范
1)严格区分大小写
2)名字要有一定的意义,使用驼峰命名法
驼峰命名法的规定:
a:第一个单词的首字母小写,其余每一个有意义的单词的首字母都要大写
b:命名的时候可以使用数字、字母、下划线、$ 来命名,但是数字不能作为开头
—> 命名技巧:
$num 代表jQuery变量或者其他常用类库的变量
_num 代表全局公用的变量
add\create 代表增加或者创建 createElement(创建一个元素)
update\replace 代表修改或者替换
del\remove\rm\delete 代表删除或者移除的
get\query 代表获取和查询的
set 代表设置
3)不能使用关键字和保留字
关键字:在JS中有特殊意义的字 (带 * 的是第五版新增的关键字)
break do instanceof typeof case else new var catch finally
return void continue for switch while debugger* function this with
default if throw delete in try
保留字:在JS中未来可能成为关键字的
abstract enum int short boolean export interface staticbyte extends
long super char finalnative synchroizedclass float package thorws
const goto private transient debugger implementsprotected volatile double import
转载至http://www.cnblogs.com/effieduo/p/5062902.html
一、页面是由三部分组成
1)html标签(超文本标记语言)
2)css样式(层叠样式表)
3)javascript脚本编程语言(动态脚本语言)
二、将css引入到页面中的几种方法 (4种)
1)行内样式:直接在元素标签上编写样式
2)内嵌样式:在页面的样式表中通过css选择器,找到对应的元素给它设置样式
3)外链样式:把样式文件写在一个外部的文件中,然后在本页面中通过link标签把它引入当前页面中
<link type="text/css" href="css/style.css" rel="stylesheet"/>
4)导入式:和外链式一样都是把样式写在一个外部样式中,但是也需要引入进来
<style type="text/css">
@import "css/style.css";
</style>
三、将js引入到页面中的几种方式
1)行内引入(不推荐,安全性能比较低)<div onclick="alert(1)"></div>
2)内嵌式
3)外链式 <script type="text/javascript" src="js/index.js"><script>
需要注意的是,在外链式引入JS的时候,在javascript脚本块之间不能写JS代码,因为写了也没用
四、JS属于一门轻量级的脚本编程语言(因为JS是面向对象开发的,而面向对象开发的需要我们掌握关于类的继承、封装、多态)
JS是由三部分组成:
1)ECMAScript : 定义了我们JS的基本语法、命名规范、变量、数据类型、操作语句等最为基础也是最为核心的知识
(语法、类型、语句、关键字、保留字、操作符、对象)
2)DOM : document object model 文档对象模型
提供了我们JS操作页面上元素常用的属性和方法 --> document 文档对象(代表的是整个文档)
3)BOM : browser object model 浏览器对象模型
提供了我们JS操作浏览器的常用的属性和方法 --> window 浏览器对象(代表的是整个浏览器)
五、js命名规范
1)严格区分大小写
2)名字要有一定的意义,使用驼峰命名法
驼峰命名法的规定:
a:第一个单词的首字母小写,其余每一个有意义的单词的首字母都要大写
b:命名的时候可以使用数字、字母、下划线、$ 来命名,但是数字不能作为开头
—> 命名技巧:
$num 代表jQuery变量或者其他常用类库的变量
_num 代表全局公用的变量
add\create 代表增加或者创建 createElement(创建一个元素)
update\replace 代表修改或者替换
del\remove\rm\delete 代表删除或者移除的
get\query 代表获取和查询的
set 代表设置
3)不能使用关键字和保留字
关键字:在JS中有特殊意义的字 (带 * 的是第五版新增的关键字)
break do instanceof typeof case else new var catch finally
return void continue for switch while debugger* function this with
default if throw delete in try
保留字:在JS中未来可能成为关键字的
abstract enum int short boolean export interface staticbyte extends
long super char finalnative synchroizedclass float package thorws
const goto private transient debugger implementsprotected volatile double import
转载至http://www.cnblogs.com/effieduo/p/5062902.html