码迷,mamicode.com
首页 > Web开发 > 详细

JS第一堂课

时间:2015-11-18 00:43:44      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

jquery把JS优化、封装、简化,底层还是JS

前端:HTML网页内容,CSS网页外观,JS执行网页动作

一个解决方案就是一个.sln文件,一个解决方案里面可以有多个项目

Javascript (一)

1、        JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中运行.JavaSript使得网页的交互性更强,更生动和灵活.当在浏览网页时做了某种操作就产生一个事件,JavaScript所编写的程序可对相应的事件做出反应.

简单的例子:

<title></title>
<script type="text/javascript">
function myclick()
{
alert("这是我的第一个JS例子");
}

</script>
</head>
<body>
<input type="button" value="我是一个按钮" onclick="myclick()"/>
</body> 

2、        几个特点:

1)         区分大小写。

2)         弱类型变量,定义变量只用”var”关键字。

3)         JS注释 /*….*/(多行注释),//单行注释

3、        变量

1)        变量通过关键字var声明。

2)        用var同时声明多个变量。

var girl=”jsaacom”,age=19,male=false;

3)        js变量不一定需要初始化。

var couple;

4)        变量名称规则:

(1)首字母必须是字母(大小写均可)、下划线、或者美元符。

(2)余下的字母可以是下划线、美元符、任意字母或数字字符。

(3)变量名不含关键字。

   5)命名习惯

  

 

类型

前缀

例子

数组

a

aArray

布尔值

b

bMale

浮点

f

fTax

函数

fn

fnSwap

整型

i

iAge

对象

o

oCar

正则

re

RePattern

字符串

s

sUniversity

 

4、        常用的数据类型

1)         字符串(储存一段文字的),JS是弱类型(VAR),C#强类型

var sMyString=”hello world”;

字符串属性方法

tostring()-数字转换成字符串,parseint()-字符串转换成数值,parsefloat()-字符转换数值保留小数点后面数字

属性方法

描述

例子

length

获取字符串长度

 

charAt(字符位置)

获取指定位置的字符

 

substring(起始位置,终止位置)

内容不包括终止位置的那个字符,第二个参数缺省时即从开始位置到字符串的末尾。

 

substr(起始位置,字符串长度)

 

 

indexOf (“字符”)

从前往后搜索字符串中某个字符第一次出现的位置,如果找不到返回-1

 

indexOf (“字符”,起始位置)

 

 

lastindexof(“字符”)

从后往前

 

lastindexof(“字符”,起始位置)

 

 

 

2)         数值

3)         布尔型

  1. html

4)         类型转换

(1)    数值转字符串

  1. html

特殊:

       var a=b=c=4;

       alert(1+b+c.toString());

       数值类型转字符串的同事实现进制转换 3.html

(2)    字符串转数值类型

parseInt(), parseFloat()

首先检查位置0处的字符,判断其是否为有效数字,不是直接返回isNaN,不再进行操作,如果为有效字符,检查位置1处字符,直到发现非有效字符为止。

       4.html

   parseFloat()转字符串

   5.html

  5)数组

     (1)var aTeam=new Array(12); 数组长度12

     (2)var aColor=new Array(); 不确定数组长度

     a2Color[0]=”blue”;

     aColor[1]=”yellow”;

     aColor[2]=”green”;

     aColor[3]=”black”;

     (3) var aTeam = new Array(1, 2, 3, 5);    

数组长度 6.html

     (4) 括号定义数组

7.html

(5) 数组转字符串 8.html

(6) 用join方法指定转换后字符串间的连接符  9.html

(7) 用split方法将字符串转数组 10.html

*(8)  用reverse方法使数组元素反序。11.html

(9) 用split方法使字符串反序排列 12.html

*(10) 用sort方法进行数组元素排序 13.html

JS第一堂课

标签:

原文地址:http://www.cnblogs.com/cd115703/p/4970337.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!