1 JavaScript概述

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

(1)存在形式

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

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

   <!--定义函数和调用函数-->

   <script type="text/javascript">

       function func(){

           alert('警告！')

       }

 //    调用函数

       func()

   </script>

 </body>

 </html>

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

//js文件
1 function func()

 {

     alert('提示'); //弹框

 }
 <!--HTML文件-->
 1 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

   <!--导入js文件-->

   <script type="text/javascript" src="js.js"></script>

   <script>

 //    执行js文件中的函数

       func()

   </script>

 </body>

 </html>

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

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

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

2 JavaScript基本语法

2.1 变量

 //(1)全局变量

 name='jerry';

 //(2)局部变量

 var name='jerry';

2.2 函数

 //基本函数定义

 function foo(arg){

         console.log(arg);

     }

 //函数调用

 foo("基本函数")

 //匿名函数

 var f2 = function(arg){

             alert(arg);

         }

 //函数调用

 f2("匿名函数");

 //自执行函数，注意括号

  (function (arg) {

         alert(arg);

     })("自执行函数")

2.3 字符串常用方法和属性

 obj.trim()      //去除字符串两边空格

 obj.trimLeft()  //去除字符串左边空格

 obj.trimRight() //去除字符串右边空格

 obj.indexOf(c)  //查找字符的索引

 obj.charAt(index) //查找索引对应的字符

 obj.substring(start,end) //字符串切片

 obj.length //字符串的长度，注意没有括号，对象的属性

2.4 数组基本操作

 //数组声明，如：

 var array = Array() 或 var array = []

 //添加元素

 obj.push(ele)                 //追加

 obj.unshift(ele)              //最前插入

 obj.splice(index,0,'content') //指定索引插入，第2个参数必须为0

 //移除元素

 obj.pop()                     //数组尾部获取

 obj.shift()                   //数组头部获取

 obj.splice(index,count)       //数组指定位置后count个字符

 //数组切片

 obj.slice(start,end)

 //数组合并

 newArray=obj1.concat(obj2)

 //数组翻转

 obj.reverse()

 //数组转换为字符串

 obj.join('连接符')  //python中为'连接符'.join(obj)

 //数组长度

 obj.length

 //字典(特殊数组）

 obj={'key':'value'} //注意与Python的区别，这里的引号可加可不加

 obj.key            //字典取值

 Object {k1:"v1"}   //Object类型的字典

2.5 循环

 //JavaScript中字符串、数组(包括字典)都是集合，查看集合的内容，通过循环

 var a = '123456789';

 //第1种循环方式

 for(var i=0;i<10;i++){

      console.log(a[i]);

 }

 //第2种循环方式

 for(var item in a){

      console.log(a[item]);

 }

2.6 异常处理

 //try...catch...finally为异常捕获，其中e为异常原因

 try{

        var m = n;

 }catch(e){

       console.log(e);

 }finally{

        console.log("finally");

 }

参考资料：

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

web前端基础——初识JavaScript的更多相关文章

  1. 进击的Python【第十四章】：Web前端基础之Javascript

    进击的Python[第十四章]:Web前端基础之Javascript 一.javascript是什么 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编 ...

  2. Web前端基础(7):JavaScript(一)

    1. JavaScript概述 1.1 JavaScript历史背景介绍 布兰登 • 艾奇(Brendan Eich,1961年-),1995年在网景公司,发明的JavaScript. 一开始Java ...

  3. web前端基础——初识HTML

    1 HTML概念 HTML(Hypertext Markup Language)即超文本标记语言,是网页的描述语言.它其实是一种描述网页的标准,它通过给需要描述的内容加上标签,浏览器按照HTML语言的 ...

  4. Web前端基础(13):JavaScript(七)

    1. BOM JavaScript基础分为三部分: ECMAScript:JavaScript的语法标准.包括变量.表达式.运算符.函数.if语句.for语句等. DOM:文档对象模型,操作网页上的元 ...

  5. Web前端基础(11):JavaScript(五)

    1. 初识DOM 1.1 DOM介绍 1.1.3 什么是DOM DOM:文档对象模型.DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构.目的其实就是为了能让js操作html元素而制定 ...

  6. Web前端基础(10):JavaScript(四)

    1. 伪数组arguments arguments代表的是实参.有个讲究的地方是:arguments只在函数中使用. 1.1 返回参数个数 返回函数实参的个数:arguments.length 例子: ...

  7. Web前端基础(8):JavaScript(二)

    1. 数据类型转换 1.1 将数值类型转换成字符串类型 1.1.1 隐式转换 在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换 ...

  8. web前端基础——初识HTML DOM编程

    1 HTML DOM编程概述 文件对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理HTML的标准编程接口.由于HTML文档被浏览器解析后就是一棵DOM树,要改 ...

  9. Web前端基础(12):JavaScript(六)

    1. JS中的面向对象 创建对象的几种常用方法: 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1.1 使用Object或对象字面量创 ...

随机推荐

  1. MathType二次偏导怎么表示

    求导以及求偏导运算在数学中是很重要的一个部分,尤其是在高等数学中,基本都由函数的导数与偏导组成,很多公式定理也是关于这方面的,如果少了这一部分,数学将会黯然失色.因此在文档中涉及到这些内容时,必然会少 ...

  2. hdu 2821(dfs)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2821 思路:一开始的时候没注意到,必须从map[i][j]==0的位置开始,然后就是dfs了,回溯的时 ...

  3. Hibernate 自动生成数据库表

    http://blog.csdn.net/u010096526/article/details/50533428

  4. Linux 文件夹含义（转）

    1./bin :获得最小的系统可操作性所需要的命令 2./boot :内核和加载内核所需的文件 3./dev :终端.磁盘.调制解调器等的设备项 4./etc :关键的启动文件和配置文件 5./hom ...

  5. ios 的EditBox点击空白处不隐藏的解决方案

    原因:参数少了前缀CC 解决方案:修改 cocos/platform/ios/CCEAGLView-ios.mm 中的 handleTouchesAfterKeyboardShow -(void) h ...

  6. java基础之Flex弹性布局、JSP错误处理以及Log4J

    一.Flex弹性布局 1.产生的比较晚,目前在移动网页开发中可以使用,而且逐渐成为主流. 在桌面网页开发中使用的比较少(主要是桌面浏览器的兼容性问题更加严重) 2.开启方法: 在容器标签上加上 dis ...

  7. python2--升级python3

    先安装开发工具包: yum -y group install "Development Tools" 安装Python的依赖包: yum -y install openssl-de ...

  8. 苹果MAC安装Windows系统

    一,选择实用工具 二,选择分区助理 三,创建安装U盘或者安装 如没有安装U盘需要现创建一个,安装镜像需要事先准备好,制作好了安装U盘就选择第三项安装 四,为windows分区(建议分30G) 系统会格 ...

  9. python学习笔记（三）— 文件操作

    对文件的操作分三步: 1.打开文件获取文件的句柄,句柄就理解为这个文件 2.通过文件句柄操作文件 3.关闭文件. 现有以下文件a.txt: 登鹳雀楼 唐代:王之涣 白日依山尽,黄河入海流. 一.文件基 ...

  10. HDFS基本操作的API

    一.从hdfs下载文件到windows本地: package com.css.hdfs01; import java.io.IOException; import java.net.URI; impo ...