zoukankan      html  css  js  c++  java
  • JS第一堂课

    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

  • 相关阅读:
    CSS3 target伪类简介
    不用position,让div垂直居中
    css3 在线编辑工具 连兼容都写好了
    a标签伪类的顺序
    oncopy和onpaste
    【leetcode】1523. Count Odd Numbers in an Interval Range
    【leetcode】1518. Water Bottles
    【leetcode】1514. Path with Maximum Probability
    【leetcode】1513. Number of Substrings With Only 1s
    【leetcode】1512. Number of Good Pairs
  • 原文地址:https://www.cnblogs.com/cd115703/p/4970337.html
Copyright © 2011-2022 走看看