zoukankan      html  css  js  c++  java
  • ASP.NET动态网站制作(6)-- JS(1)

    前言:JS的第一节课,在Visual Studio 2013中编写及运行。新建项目->Web->ASP.NET Web应用程序->Empty,打开后在项目下添加新建css文件夹和js文件夹等。一个解决方案就是一个.sln文件,一个解决方案里可以有多个项目文件。

    内容

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

        JS有两种写法:(1)直接在HTML中写:  

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5     <title></title>
     6     <script src="js/demo1.js"></script>
     7     <script type="text/javascript">
     8         function MyClick()
     9         {
    10             alert("Hello world!");    
    11         }
    12     </script>
    13 </head>
    14 <body>
    15     <input type="button" value="button1" onclick="MyClick()"/>
    16 </body>
    17 </html>
    View Code

        (2)新建一个js文件,文件名称最好与HTML名称一致:

    1 function MyClick()
    2  {
    3             alert("Hello world!");    
    4  }
    View Code

      2.JS特点:区分大小写,HTML和css是不区分大小写的;弱类型变量,定义变量只用“var”关键字;其注释方式有两种,多行注释为/*...*/,单行注释为//。

      3.JS变量:

        (1)JS变量类型:数组(前缀:a,例子:aArray);布尔型(前缀:b,例子:bMale);浮点(前缀:f,例子:fTax);函数(前缀:fn,例子:fnSwap);整型(前缀:i,例子:iAge);对象(前缀:o,例子:oCar);正则(前缀:re,例子:rePattern);字符串(前缀:s,例子:sUniversity)。

        (2)变量的声明:通过关键字var声明,如var sString = "hello";用var可同时声明多个变量,如var sGirl = "Lily", iAge = 10, bMale = false;js的变量不一定需要初始化。

        (3)JS变量命名规则:首字母必须是字母(大小写均可)、下划线或者美元符;剩下的字母可以是下划线、美元符、任意子母或数字字符;变量名中不能是关键字。

        (4)常用的数据类型:

        1)字符串:var sMyString = "hello world";常用的属性方法有:length--获取字符串的长度、charAt(字符位置)--获取指定位置的字符、substring(起始位置,终止位置)--内容不包括终止位置的那个字符,第二个参数缺省时即从开始位置到字符串的末尾、substr(起始位置,字符串长度)、indexOf("字符")--从前往后搜索字符串中某个字符第一次出现的位置,如果找不到则返回-1、indexOf("字符",起始位置)--从起始位置开始的某个字符第一次出现的位置、lastindexof("字符")--从后往前某字符第一次出现的位置、lastindexof("字符",起始位置)--从起始位置开始从后往前某字符第一次出现的位置。

        注:上面提到的位置即为索引,从零开始。

        2)数值:var iNum = 9;

        3)布尔型:var bSex = false;

        (5)数据类型之间的转换:

        字符串和数值相加,首先要把数值变为一个字符串,如var sNum1 = "10";var iNum1 = 20; var iNum2 = sNum1 + iNum1;则iNum2的结果为1020。数值转换为字符串用toString(),如iNum1.toString();字符串转换为数值用parseInt(),如parseInt(sNum1);同理将一个字符串转换为浮点型数值则为parseFloat()。

        number()是将一个数值类型的字符串变为一个数值类型,这里的数值类型包含整型和浮点型。

        判断一个结果是否为一个数值类型可用isNaN。

        (6)数组:var aTeam = new Array(12);或者var aColor = new Array(); aColor[0]="blue";aColor[1]="yellow";或者var aTeam = new Array[1,2,3,5];

        数组的属性:length(数组的长度);

        数组的方法:数组变为字符串:toString();用join方法指定转换后字符串间的连接符:join("_");用split方法将字符串转为数组:sString.split("");用reverse方法使数组反序:aTeam.reverse().toString();用sort方法进行数组元素排序,依据子母顺序排序:aTeam.sort().toString()。

    后记:预习,复习。

  • 相关阅读:
    关于需求转化的事情
    自由邮件的配置
    广告数据关联CS后台数据
    向新同事学习,如何配置邮件
    渠道映射等关系
    机器学习基本概念
    家政业务系统常识
    SAP APO
    SAP Web Dynpro
    SAP Web Dynpro-监视应用程序
  • 原文地址:https://www.cnblogs.com/zoe-yan/p/4850572.html
Copyright © 2011-2022 走看看