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

  • 相关阅读:
    Luogu P4727-- 【HNOI2009】图的同构记数
    UOJ #390. 【UNR #3】百鸽笼
    Loj #2541「PKUWC2018」猎人杀
    BZOJ 1444:[JSOI2009]有趣的游戏
    CF895C: Square Subsets && 【BZOJ2844】albus就是要第一个出场
    [NOI2011]阿狸的打字机
    不要再搜啦,满足你的需要,封装保留小数点后两位
    react 中刷新,路由传参数丢失不存在了?
    字符串根据某个符号查找并截取
    react-swiper 如何实现滑动小卡片的移动?
  • 原文地址:https://www.cnblogs.com/cd115703/p/4970337.html
Copyright © 2011-2022 走看看