博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
2015年7月15日 JS第一课(JS,声明变量,数据类型)
阅读量:5173 次
发布时间:2019-06-13

本文共 4191 字,大约阅读时间需要 13 分钟。

1、vs新建步骤

文件——新建项目——web——空白web应用程序——取名、位置、确定——此时软件会自动生成一个sln文件(解决方案),一解决方案下面可以有多个项目。

点击项目——新建文件夹css和js和image——新建html页面取名demo1

(推荐设置:工具——选项——可以设置下字体和颜色;文本编辑器——把常用的几种语言设上行号颜色提示)

2、什么是js

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

3、怎么运用js:

首先在html中指定一个事件,然后对这个事件写js。

如:设置一个按钮,对点击按钮命名一个事件:

<input type="button" value="我是一个按钮" οnclick="ShowMsg()" />

4、如何写js:

写js可以在外部js文件写,也可以直接在head里面写:

(一)直接写在HTML中:

<script type="text/javascript">

  function ShowMsg()
    {
    alert("这是我的第一个js例子");
    }
</script>

 (二)文件引入:

把JS文件托入到<title>标签后面即可:

<script src="js/Demo.js"></script>

 

5、命名规范:为了增强代码的可读性,让团队成员都能看懂,遵循命名规范。

(1)js是区分大小写的,非常严格。

(2)js是弱类型,统一用var声明变量,如:

整形: var iNum=10;

浮点: var dNum=2.23;

布尔: var bMaie=false;

函数: var myObject=new myFunction();

数组: var aColor=new Array();

字符串: var sMyString="aaaaa";

……

  *弱类型与强类型:

js是弱类型,只能用var声明;          c#是强类型,用对应类型声明

弱类型:弱化类型的声明方式;        强类型:强调类型的声明方式

 

弱类型比较方便,但当语句交给浏览器时,浏览器还是需要去判断它是哪种变量,执行效率比强类型低。

(3)注释:

单行注释://

多行注释:/* */

(4)var可同时声明多个变量:

    var girl="aaaa" , age=19 , male=false;

(5)js变量不一定需要初始化,可后面用时再赋值:

    var couple;

(6)变量名称规则:

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

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

·变量名不能含js关键字。

 

(7)局部变量和全局变量:

全局变量:在{}外声明的变量,各函数皆可调用;

局部变量:在{}内声明的变量,只有此函数可用;

(8)命名习惯

整形i:     var iNum=10;

浮点f:    var fNum=2.23;

布尔b:   var bMaie=false;

函数fn:  var fnObject=new myFunction();

数组a:   var aColor=new Array();

字符串s:  var sMyString="aaaaa";

(还有:对象o、正则re,此两项不常用,知道即可)

 

6、数据类型详解:

(1)字符串String:加引号的都是字符串

var sMyString="hello world";

*补充:位置/索引:第一个字母从0开始算,依次后延,空格也算,如上面的"hello world",位置8的字母是r

 

【字符串的属性方法总结】

length      获取字符串长度     alert(sString.length);          结果是11

charAt     获取指定位置的字符  alert(sString.charAt(8));          结果是r

substring    字符串的截取     alert(sString.substring(1));       从位置1截取到最后。结果是ello world

                   alert(sString.substring(1,10));     从位置1截取到位置10(不包含10)。结果是ello worl

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

substr         字符串的截取         alert(sString.substr(1,6));        从位置1开始截取6位出来。结果是ello w

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

indexOf       搜某字符位置      alert(sString.indexOf("l"));       查找出第一个l所在的位置,如没有则返回-1。结果是2

                   alert(sString.indexOf("l",4));        从位置4开始,查找出接下来的l所在的位置。结果是9

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

lastindexOf  从后往前搜某字符位置   与indexOf类同

(2)布尔类型bool:(即真或假,true 或 false)

Var bMale=true;      声明 bMale 为真;

If(bMale){           如果 bMale 为真,

alert("a");           则输出a;

}

else{           否则,

alert("b");        则输出b。

}

所以以上程序输出a

(3)数值、及类型转换:(有整数和浮点两种)

 

    a)数值与字符串相加:就是当两个变量相加最好把它们的字符类型转换成一样。

var iNum1=10;

var sNum2="20";

var sNum3=iNum1+sNum2;

alert(sNum3);

可把iNum1变成字符串:(把数字转成字符串.tostring()方法

var sNum3=iNum1.toString()+sNum2;

alert(sNum3);

也可把sNum2转成数值:ParseInt()小数或字符串转为整数,它并不是四舍五入,而是直接取整。

var iNum2=iNum1+parseInt(sNum2);

alert(iNum2);

ParseFloat()转换成小数

    b)与浮点字符串相加:

var iNum1=10;

var sNum2="20.123";

var sNum3=iNum1+sNum2;

alert(sNum3);

当数值和字符串相加时,把sNum2变成整数:

var iNum2=iNum1+parseInt(sNum2);

alert(iNum2);

也可把sNum2变成浮点数:

var iNum2=iNum1+parseFloat(sNum2);

alert(iNum2);

           c)布尔类型

            isNaN(is not a Namber)不是一个数字,判断参数是否为NaNde,如果是则为True,反之则为False。

    d)类型转换:

数值转字符串:var sNum1=iNum1.toString();

字符串转数值:var iNum2=parseInt(sNum2);

转浮点:var iNum2=parseFloat(sNum2);

字符串变成数组:var aDate=sMyString.split("-");(var sMyString="2015-07-15";)

  (4)数组:存放一个数据集合

a)声明数组的方式:

1、确定数组长度:var aTeam=new Array(12); 数组长度为12

2、不确定数组长度:

var aColor=new Array();

aColor[0]="blue";

aColor[1]="yellow";

aColor[2]="green";

aColor[3]="black";

*上述数组也可写成:

var aColor=new Array("blue","yellow","green","black");

此时输出:alert(aColor[3]);

则得到:black

b)toString,数组变成字符串:

alert(aColor.toString());

此时输出:blue,yellow,green,black默认以逗号分隔了。

c)join,改连接符:

alert(aColor.join("-").toString());

此时输出:blue-yellow-green-black

d)split(),把字符串变成数组:前提是这个字符串要有相同的条件来分隔开。

var sMyString="2015-07-15";

var aDate=sMyString.split("-");

alert(aDate[2]);

此时输出为:15

如果字符串写成"abcdefg"就等同于"a_b_c_d_e_f_g"

e)reverse(),使数组元素反序出现:

var aColor=new Array("blue","yellow","green","black");

alert(aColor.reverse().toString());

此时输出为:black,green,yellow,blue

f)sort(),使数组元素根据a-z顺序排序:

var aColor=new Array("blue","yellow","green","black");

alert(aColor.sort().toString());

此时输出为:black,blue,green,yellow

 

转载于:https://www.cnblogs.com/jtfdh/p/4675272.html

你可能感兴趣的文章
Linux 下常见目录及其功能
查看>>
开源框架中常用的php函数
查看>>
nginx 的提升多个小文件访问的性能模块
查看>>
set&map
查看>>
集合类总结
查看>>
4.AE中的缩放,书签
查看>>
1.开发准备
查看>>
centos su命令
查看>>
CLR:基元类型、引用类型和值类型
查看>>
dubbo序列化hibernate.LazyInitializationException could not initialize proxy - no Session懒加载异常的解决...
查看>>
jQuery中的事件绑定的几种方式
查看>>
泥塑课
查看>>
setImageBitmap和setImageResource
查看>>
springMVC4 注解配置实例
查看>>
单片机编程
查看>>
Filter in Servlet
查看>>
Linux--SquashFS
查看>>
Application Pool Identities
查看>>
2017-3-24 开通博客园
查看>>
【MySQL性能优化】MySQL常见SQL错误用法
查看>>