java第二十六天---javascript

1 js与html结合方式

       * 内部js
                * 定义<script>标签,标签体书写js代码
                    * 注意:<script>标签定义的位置,会影响执行顺序
        
* 外部js:
            * 定义<script>标签,通过src属性导入外部js文件

 

2 js原始数据类型:

                        number:数字类型,包含整数和小数和 NaN(not a number)
                        string: 字符串和字符类型    ""  ''
                        boolean: true 和 false
                        null: 空类型。对象的占位符
                        undefined:未定义,如果一个变量没有初始化值,默认为undefined

java第二十六天---javascript

java第二十六天---javascript

 

3  js * 语法:

                    * 使用 var定义变量  var i = "abc";
                    * js是一门弱类型语言:定义变量时,不需要规定其数据类型。
                    * typeof运算符:获取变量的数据类型
                    * var关键字如果不书写,该变量则为全局变量

4   js的运算符以及语句

java第二十六天---javascript

 

5 js代码案例

java第二十六天---javascript

 

6 其他类型转number(数字),三个等于号(===),NaN

java第二十六天---javascript

java第二十六天---javascript

 

7 其他类型转boolean

java第二十六天---javascript

java第二十六天---javascript

 

8  js函数

java第二十六天---javascript

 

9

java第二十六天---javascript

 

10  typeof与instanceof

java第二十六天---javascript

 

11

java第二十六天---javascript

 

12   字符串(string)的方法

java第二十六天---javascript

 

13  数字(number)的方法

java第二十六天---javascript

 

14   Date 日期对象

java第二十六天---javascript

 

15 Math

java第二十六天---javascript

 

16  js中的数组长度是可以变化的,数组中的元素类型可以是多种的

java第二十六天---javascript

 

17 Array 对象的方法

java第二十六天---javascript

java第二十六天---javascript

java第二十六天---javascript

 

18  parseInt

java第二十六天---javascript

19 正则表达式

java第二十六天---javascript

java第二十六天---javascript

20  split与replace

java第二十六天---javascript

21  正则表达式的笔记

3.    正则表达式
位置:
        ^        开头
        $        结尾
次数:
        *        0或多个
        +        1或多个
        ?        0或1个
        {n}        就是n个
        {n,}    至少n个
        {n,m}    最少n个,最多m个
通配符:
        \d        任意数字
        \D        任意非数字
        \s        任意空白
        \S        任意非空白
        .        任意字符(除'\n'外)
组合:
        [a-z]
        [0-9]
        等

 

用正则的工具(RegExp类与相关方法)
创建:
        // 方式一
        var regex = new RegExp("正则表达式", "标志");
        // 方式二
        var regex = /正则表达式/标志
参数说明:
正则表达式:
    参见上面的规则 
标志:
    g (全文查找出现的所有 pattern) 
    i (忽略大小写) 
    
方法:
        Regexp.test( str )
        String.replace( regex, str )
        

正则表达式对象常用的方法:
     test()  使用正则对象去匹配字符串  如果匹配成功返回ture,否则返回false.    
     exec()  根据正则表达式去查找字符串符合规则的内容。

模式:
    g (全文查找出现的所有 pattern)     
    i (忽略大小写)

    
    var str = "hello123";
    var reg = /^[A-Z0-9]+$/i;
    alert("匹配吗?"+reg.test(str));    

查找出三个字符组成的单词。
*/
    var str  ="da jia hao hao xue xi a";
    var reg = /\b[a-z]{3}\b/gi;
    var line ="";
    while((line = reg.exec(str))!=null){
        document.write(line+"<br/>")
    }
    
  

22   两种获取网址的方式 

java第二十六天---javascript

java第二十六天---javascript

 

23  重新加载当前文档

java第二十六天---javascript

 

24 加载history列表中的前一个URL和下一个URL

java第二十六天---javascript

java第二十六天---javascript

 

25 结构图

java第二十六天---javascript

 

26 DOM:        Document Object Modle  文档对象模型 

java第二十六天---javascript

27 获取Element对象

java第二十六天---javascript

java第二十六天---javascript

java第二十六天---javascript

28 innerHTML与innerText

java第二十六天---javascript

 

29 给标签设置CSS样式

   方式1

java第二十六天---javascript

    方式二

java第二十六天---javascript

 

30   window.onload等待整个文档加载完毕之后,再去执行

java第二十六天---javascript