zoukankan      html  css  js  c++  java
  • web前端基础——初识JavaScript

    1 JavaScript概述

        JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。  

      (1)存在形式

       第1种:JavaScript语句直接嵌入HTML中

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>Title</title>
     6 </head>
     7 <body>
     8   <!--定义函数和调用函数-->
     9   <script type="text/javascript">
    10       function func(){
    11           alert('警告!')
    12       }
    13 //    调用函数
    14       func()
    15   </script>
    16 
    17 </body>
    18 </html>

       第2种:JavaScript语句单独以文件形式存在,然后在HTML文件中导入

    //js文件
    1
    function func() 2 { 3 alert('提示'); //弹框 4 }
     <!--HTML文件-->
    1
    <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <!--导入js文件--> 9 <script type="text/javascript" src="js.js"></script> 10 <script> 11 // 执行js文件中的函数 12 func() 13 </script> 14 15 </body> 16 </html>

       注意:JavaScript语句以分号结束,单行注释为“//”,多行注释为“/**/”。

      (2)JavaScript代码在HTML文件中的位置

          <body></body>标签内的代码底部

    2 JavaScript基本语法

       2.1 变量

    1 //(1)全局变量
    2 name='jerry';
    3 //(2)局部变量
    4 var name='jerry';

          2.2 函数

     1 //基本函数定义
     2 function foo(arg){
     3         console.log(arg);
     4     }
     5 //函数调用
     6 foo("基本函数")
     7 
     8 //匿名函数
     9 var f2 = function(arg){
    10             alert(arg);
    11         }
    12 //函数调用
    13 f2("匿名函数");
    14 
    15 //自执行函数,注意括号
    16  (function (arg) {
    17         alert(arg);
    18     })("自执行函数")

       2.3 字符串常用方法和属性

     1 obj.trim()      //去除字符串两边空格
     2 obj.trimLeft()  //去除字符串左边空格
     3 obj.trimRight() //去除字符串右边空格
     4 
     5 obj.indexOf(c)  //查找字符的索引
     6 obj.charAt(index) //查找索引对应的字符
     7 
     8 obj.substring(start,end) //字符串切片
     9 
    10 obj.length //字符串的长度,注意没有括号,对象的属性

        2.4 数组基本操作

     1 //数组声明,如:
     2 var array = Array() 或 var array = []
     3 //添加元素
     4 obj.push(ele)                 //追加
     5 obj.unshift(ele)              //最前插入
     6 obj.splice(index,0,'content') //指定索引插入,第2个参数必须为0
     7 //移除元素
     8 obj.pop()                     //数组尾部获取
     9 obj.shift()                   //数组头部获取
    10 obj.splice(index,count)       //数组指定位置后count个字符
    11 //数组切片
    12 obj.slice(start,end)           
    13 //数组合并
    14 newArray=obj1.concat(obj2)   
    15 //数组翻转
    16 obj.reverse()
    17 //数组转换为字符串
    18 obj.join('连接符')  //python中为'连接符'.join(obj)
    19 //数组长度
    20 obj.length
    21 //字典(特殊数组)
    22 obj={'key':'value'} //注意与Python的区别,这里的引号可加可不加
    23 obj.key            //字典取值
    24 Object {k1:"v1"}   //Object类型的字典

       2.5 循环

     1 //JavaScript中字符串、数组(包括字典)都是集合,查看集合的内容,通过循环
     2 var a = '123456789';
     3 //第1种循环方式
     4 for(var i=0;i<10;i++){
     5      console.log(a[i]);
     6 }
     7 //第2种循环方式
     8 for(var item in a){
     9      console.log(a[item]);
    10 }

        2.6 异常处理

    1 //try...catch...finally为异常捕获,其中e为异常原因
    2 try{
    3        var m = n;
    4 }catch(e){
    5       console.log(e);
    6 }finally{
    7        console.log("finally");
    8 }

    参考资料:

          http://www.cnblogs.com/wupeiqi/articles/4457274.html

      

  • 相关阅读:
    thinkphp的钩子的两种配置和两种调用方法
    php闭包实现函数的自调用,也是递归
    php的spl_autoload_register函数的一点个人见解
    详解js变量、作用域及内存
    关于js的call()和apply()两个函数的一点个人看法
    php实现斐波那契数列以及由此引起的联想
    php猴子称王或者约瑟夫难题
    Linux Bash Shell 快速入门
    Fedora14下首次搭建Samba服务器遇到的一些问题
    【JavaScript】我的JavaScript技术总结第一篇——编程细节
  • 原文地址:https://www.cnblogs.com/maociping/p/5179792.html
Copyright © 2011-2022 走看看