码迷,mamicode.com
首页 > 编程语言 > 详细

HTML基础(JavaScript)

时间:2016-02-22 16:14:46      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:html javascript

关于JavaScript的概念做两点说明:

    1、它是一种网络脚本语言,用于嵌入到HTML页面中来做Web开发用。

    2、它和JAVA半毛钱关系都没有。


如何使用

1、如何在HTML中嵌入

    1-1、脚本写在<body>标签内的最底部,也就是</body>的上面。

    1-2、直接在页面中定义:<script type=‘text/javascript‘>脚本代码</script>

    1-3、作为文件被加载:<script src="JS文件的路径"></script>

    1-4、书写规范:

        1-4-1、在每条可执行的语句结尾添加分号(;)

        1-4-2、注意缩进和添加空格,提高代码可读性

        1-4-3、单行注释用// 多行注释用 /*内容*/


2、变量

    Javascript的变量的作用域是根据function块来划分的(也就是说以function的一对大括号{ }来划分),for、if等块并不是作用域的划分标准:

    function外的变量,不管是全局变量还是局部变量,在当前页面的所有function中都生效

    function内的变量,局部变量是只在当前function中生效。全局变量是全局生效。

    2-1、全局变量:name = ‘value‘;

    2-2、局部变量:var name = ‘value‘;


3、字符串方法

    >var name = ‘ value ‘    #定义一个字符串,两边各有一个空格

     >name.trim()        #去除字符串两边的空格

    "value"

    >name.charAt(1)    #按照索引1获取字符串的第2个值(索引0是第1个值)

    "v"

     >name.substring(1,3)    #按照索引范围获取一个子序列字符串

    "va"

     >name.indexOf(‘u‘)    #查找字符串中字符的索引值

    4

     >name.length        #获取字符串长度

    7


4、数组(列表)

    >var list = [] 或 var list = Array()    #声明数组

    #添加

    >list.push(1)      #追加数字1

    >list.push(‘abc‘)

    [1, "abc"]

    >list.unshift(0)    #在最前面插入

    [0, 1, "abc"]

    >list.splice(2,0,‘def‘)    #在索引值2前面插入

    [0, 1, "def", "abc"]

    

    #获取(移除)

     >list.pop()    #获取最后一个值

    "abc"

    >list

    [0, 1, "def"]

    >list.shift()    #获取第一个值

    0

     >list

    [1, "def"]

    list.splice(index,N)    #获取从index处开始的N个元素

    >list.splice(1,1)

    ["def"]

     >list

    [1]

    

    #其他

    >list=[1, 2, 3]

    >list.slice(0,2)    #切片

    [1, 2]

    >list2=[3,4,5]

    >list3=list.concat(list2)    #合并

    [1, 2, 3, 3, 4, 5]

     >list3.reverse()    #翻转

    [5, 4, 3, 3, 2, 1]

    >list3.join(‘_‘)    #字符串化

    "5_4_3_3_2_1"

    >list3.length    #长度

    6


5、函数(function)

    函数分为:

        5-1、基本函数:需要通过事件调用才会执行的函数

        例子:

     <script type="text/javascript">                
         function Foo(arg){
             console.log(arg);
         }
     </script>

        5-2、自执行函数:当页面框架加载完成后自动执行的函数

        例子:

     <script type="text/javascript">                
         (function Foo(arg){
             console.log(arg);
         })(‘test‘)
     </script>


6、循环

    循环分为:

       6-1、for:循环代码块一定的次数

       例子:

            for (var i=0; i<5; i++){
                x = "The number is " + i;
                console.log(x);
            }

       6-2、for/in:循环遍历对象的属性

        例子:

            var list = [1,2,3,4]
            for (var i in list){
                x = "The number is " + list[i];
                console.log(x);
            }

       6-3、while:当指定条件为true时循环指定的代码块

       例子:

            var list = [1,2,3,4]
            while(list.length>1){
                list.pop()
                console.log(list);
            }

       6-4、do/while:先执行一次代码,如果条件为true,就会重复这个循环

       例子:

            var list = [1,2,3,4];
            do{
                list.pop();
                console.log(list);
            }while(list.length>1);


7、异常处理

    语法:

    try{

        //在这里运行代码

    }catch(err){

        //在这里处理错误

    }finally{

        //非必须,若有则不管有无错误都会执行此代码块

    }

    例子:

        try{
            var n = m;
        }catch(err){
            console.log(err);
        }finally{
            console.log(‘code is end‘);
        }

博客的部分内容和思路整理自武沛齐的博客

本文出自 “一行菜鸟上青天” 博客,请务必保留此出处http://rmeos.blog.51cto.com/761575/1743900

HTML基础(JavaScript)

标签:html javascript

原文地址:http://rmeos.blog.51cto.com/761575/1743900

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!