JavaScript学习笔记

12.字符串String方法：

charAt():返回索引指定的字符所在的位置的字符

       Eg:  var str="abcdef";

        document.write(str.charAt(“下标”));

            如果下标为0，则页边上的值为a

            如果下标为1，则页边上的值为b           

            如果下标为2，则页边上的值为c

            。。。。。。

charCodeAt():返回指定索引位置的字符的Unicode值

        Eg：var str="abcdefg";

    document.write(str.charCodeAt(下标));

如果下标为0，对应a，则页边上的值为97

fromCharCode():将指定的Unicode值返回对应的字符

Eg：document.write(String.fromCharCode(数值));

如果数值为105，则页面上的值为i

如果数值为106，则页面上的值为j

Unicode值的查询网址：https://unicode-table.com/cn/#0069

concat():将两个及以上字符串拼接，返回拼接后的字符串

        Eg：var str="abc";

    document.write(str.concat(0));

            页面上反馈的值为：abc0

Eg：var str1="abc";

    var str2="def"

    document.write(str1.concat(str2));

            页面上反馈的值为：abcdef

indexOf()：检索字符第一次出现在在字符串中的的位置，并返回其下标值

        Eg：var str="abace";

   document.write(str.indexOf(“字符”));

           如果字符为a，则页面上反馈的值为：a第一次出现的下标值，即0

           如果字符为f，即字符串中不存在，则返回数值-1，表示不存在

lastIndexOf()：检索字符最后一次出现在在字符串中的的位置，并返回其下标值

Eg：var str="abace";

          document.write(str.lastIndexOf(“字符”));

如果字符为a，则页面上反馈的值为：a最后一次出现的下标值，即2

match():找到一个或多个正则表达式

          Eg：var str="ba ba ba ba";

    document.write(str.match(/字符或字符串/g));

            如果字符串为 ba并且后面有/g，则返回在页面上的值为四个ba，即ba，ba，ba，ba。

            如果没有找到任何匹配的文本， match() 将返回 null。

        如果没有/g，则返回第一个ba。

            g:执行多次匹配

replace()：替换与正则表达式匹配的子串

Eg:   var str="how  are "

       var n=str.replace("替换前","替换后");

       document.write(n)

               如果替换前为are，替换后为is，则页面上为how  is

search()：查找字符串所在位置，并返回首字母所在位置的下标值

Eg：var str="hoareyoubaba"

      var n=str.search("想查找的字符串");

      document.write(n)

              如果没有找到任何匹配的子串，则返回 -1。

slice():使用下标截取字符串[ 开始位置，结束位置 ）前闭后开，下标从左往右以0开始，从右往左以-1开始计数

Eg:  var str="01234"

var n=str.slice(-4,-2);

document.write(n)

split():把一个字符串分割成字符串数组，该方法方法不改变原始字符串。

       Eg：var str="ho ar ey ou ba ba"

    var n=str.split("分割线");

    document.write(n)

           如果分割线为字符串中的任意字符，网页上呈现出的结果是用逗号替代该分割字符串，将其分割成字符串数组。

substr():该方法可在字符串中抽取从[“”开始位置的下标,字符个数]，的指定数目的字符。可以替代 substring() 和 slice() 来使用。

substring():使用下标截取字符串[ 开始位置，结束位置 ）前闭后开，下标从左往右以0开始，从右往左以-1开始计数

valueOf()：

sub()：document.write(对象名.sub());  把对象改为右下标   

prompt()：document.write("在对话框中显示的纯文本","默认值")  ，  

toUpperCase()：换小变大字符  

 

 

13.HTML事件：

鼠标事件：

onclick----------------------用户单击 HTML 元素：触发事件

ondblclick-----------------用户双击 HTML 元素：触发事件

onmousemove----------用户在所在的浏览器中移动鼠标就会

onmouseover-------------用户在一个HTML元素上移动鼠标：鼠标悬浮在目标之上，触发事件

onmouseout--------------用户从一个HTML元素上移开鼠标：鼠标悬浮在目标上移开之后，触发事件

onmousedown-----------鼠标按下所选对象，单击所选对象没有松开鼠标已经触发事件

onmouseup---------------鼠标按下所选对象，单击所选对象且松开鼠标才会触发事件

键盘事件

onkeydown---------------用户按下键盘按键时触发按键

onkeypress---------------用户按下并松开任意键触发的事件。

onkeyup-------------------用户松开任意键触发事件

框架/对象（Frame/Object）事件

onload---------------------浏览器已完成页面的加载后触发事件

表单事件

onchange------------------HTML 元素改变：单选框与复选框改变后触发的事件。

                               Eg:toUpperCase()函数触发后，将小写字母变成大写字母

onreset--------------------重置按钮被点击后触发事件。

onselect-------------------文本被选中时所做的操作

onsubmit--------------- ---确认按钮被点击。

1. 类型转换：（js中的5种基本类型：String字符型、Number数字型、Boolean布尔型、Object对象型、function函数型。3种对象类型：Object、Array、Date。两个不包含任何值得数据类型null、undefined）。

            undefined——变量不含有值。

            null——清空变量。

Number() ——转换为数字

String()—— 转换为字符串

Boolean() ——转化为布尔值

1. typeof操作符：查看变量的数据类型。
2. 正则表达式：是有一个字符序列形成的搜索模式，/正则表达式主体/修饰符

    通常使用search()（返回起始位置）和replace()（替换字符）方法检索或更替字符串

☀修饰符： /i:  搜索不区分大小写，检索到第一个时返回并停止。

               /g: 搜索时区分大小写，全局搜索，搜索到字符串最后一个字符，并返回所有指定字符串，不能执行多行搜索

               ^.../m:可执行多行搜索。

           这三种修饰符可搭配使用

☀正则表达式主体：

              ☛元字符：拥有特殊含义的字符：

\d 查找数字

\s 查找空白字符

\b 匹配单词边界

\uxxxx 查找以16进制数xxxx规定的unicode字

\D 查找非数字

\w 查找任何字符，数字以及下划线

\W 查找除数字、字母及下划线外的其他字符

                  ☛量词：

n+   匹配任何包含至少一个n的字符串

n*   匹配任何包含零个或多个n的字符串

n？  匹配任何包含零个或一个n的字符串

{n}   表示出现了n次

{n,m} 匹配n-m个

{n，} 匹配至少3个

                 ☛方括号用于查找某个范围的字符：[一个或几个范围],（从左到右优先)

Eg：[a-z0-9] 匹配[   ]几个范围中的一个字符一次

 [abc] 查找方括号之间的任何字符

[0-9] 查找任何从0-9的式子

[x|y] 查找任何从 | 分隔的选项

                  ☛使用test()方法：该方法是一个用于检测一个字符串是否匹配某个模式的正则表达式的方法，若字符串中含有匹配的文本，则返回ture，否则返回false

☛使用exec()方法：

exec()方法用于检索字符串中正则表达式的匹配

该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null

☛表达式中的符号：

^匹配字符串的开始

$匹配字符串的结束

^ 在中括号外使用，写在正则最前面时，表示匹配开头,一个正则中只能使用一次

$ 写在正则最后位置，表示以xxx结束

^和$同时使用 严格匹配-必须跟书写的正则内容完全相同

16.  parseFloat( )函数将字符串转换为float数据

  parseInt( )函数将字符串转换为int数据

若转换失败，返回NaN值(not a number)

17.获取表单中输入的数据：

document.表单名.表单元素名.value