1、什么是JavaScript

a)   JavaScript 被设计用来向 HTML 页面添加交互行为。

b)   JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。

c)   JavaScript 由数行可执行计算机代码组成。

d)   JavaScript 通常被直接嵌入 HTML 页面。

e)   JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。

f)   所有的人无需购买许可证均可使用 JavaScript。

2、JavaScript能做什么

JavaScript 设计HTML网页.

JavaScript 动态文本

JavaScript 事件绑定及响应

JavaScript 可以读写 HTML 元素

JavaScript 表单校验

JavaScript 可被用来检测访问者的浏览器

JavaScript 可被用来创建 cookies

3、JavaScript注意事项

<script type="text/javascript"></script>

<script>两种用途：

1.引入外部js文件（总是使用js文件）。

2.内嵌js代码。

注意：一但<script>用于引入js文件，该标签内部的所有代码将永远不会执行。

<!DOCTYPE>

<html>

<head>

    <title>Demo 02</title>

    <meta charset="utf-8"/>

    <!--外部脚本-->

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

        window.alert("永远不会执行!!!");

    </script>

</head>

<body>

</body>

</html>

4、JavaScript变量

正如代数一样，JavaScript 变量用于保存值或表达式。

可以给变量起一个简短名称，比如 x，或者更有描述性的名称，比如 length。

JavaScript 变量也可以保存文本值，比如 carname="Volvo"。

变量的声明：

  1. 建议使用var关键字！(可省略，建议总是使用)
  2. 在函数内部（var关键字局部变量，不带var全局变量）
  3. 自动数据类型（运行时）
<!DOCTYPE>

<html>

<head>

    <title>Demo 04 变量</title>

    <meta charset="utf-8"/>

    <!--外部脚本-->

    <script type="text/javascript">

        var k;

        var i = 100;    //全局变量  window

        str = "Hello!";    //全局变量  window

        //自动数据类型！

        alert(typeof(k));    // undefined

        alert(typeof(i));

        alert(typeof(str));

        function fun(){

            var i = 100;//局部变量  fun

            str = "aaa";//全局变量  window

        }

    </script>

</head>

<body>

</body>

</html>

5、JavaScript变量的命名规则

1）变量对大小写敏感（Y和y是两个不同的变量）

2）变量必须以字母和下划线开始

注释：由于JavaScript对大小写敏感，变量名也对大小写敏感。

6、JavaScript函数

1）使用function关键字声明。不需要声明返回类型（自动数据类型）

2）默认被window加载为成为方法，不会自动执行。

<!DOCTYPE>

<html>

<head>

    <title>Demo 06 函数</title>

    <meta charset="utf-8"/>

    <!--外部脚本-->

    <script type="text/javascript">

        alert("会自动执行!!");

        function methodName(str){//window已加载，未执行

            alert(typeof(str));

            //ajax

        }

        //methodName("你好");

        //var aaa = methodName("123123");

    </script>

</head>

<body>

    <button onclick="methodName('你好')">触发function</button>

</body>

</html>

注意：传参以及返回数据类型的写法。

<!DOCTYPE>

<html>

<head>

    <title>Demo 01</title>

    <meta charset="utf-8"/>

    <script type="text/javascript">

        //<script>两种用途：1.引入外部js文件（总是使用js文件）。2.内嵌js代码。

        //注意：一但<script>用于引入js文件，该标签内部的所有代码将永远不会执行。

        window.document.write("<b>window!</b><br/>");

        document.write("<b>document!</b><br/>");

        var i = 100;

        function fun(){

        }

        //window.fun();  //所有的全局变量及全局方法均为window对象的成员。

    </script>

</head>

<body>

<br/>

Hello World1!

</body>

</html>

JS知识点概况的更多相关文章

  1. JS知识点整理(二)

    前言 这是对平时的一些读书笔记和理解进行整理的第二部分,第一部分请前往:JS知识点整理(一).本文包含一些易混淆.遗漏的知识点,也会配上一些例子,也许不是很完整,也许还会有点杂,但也许会有你需要的,后 ...

  2. Node.js知识点学习

    Node.js知识点学习 一.基本概念 Node.js,或者 Node,是一个可以让 JavaScript 运行在服务器端的平台.可以说,Node.js开创了javascript模块化开发的先河,早期 ...

  3. JS知识点整理(一)

    前言 本文把平时的一些读书笔记和理解进行了整理归纳,包含一些易混淆.遗漏的知识点,也会配上一些例子,可能不是很完整,还会有点杂,但也许会有你需要的(目前先整理了一部分,笔记有点多,后续会持续更新). ...

  4. vue.js 知识点（四）

    看完了vue.js的官方文档,大概对这些知识有了那么一点的了解了,但是很多具体的运用还不太清楚,现在就总结一下,关于其中的一些知识点的运用: v-bind:  动态绑定指令,默认情况下,是给html ...

  5. fabric.js 知识点整理

    fabric.js是一个很好用的 canvas 操作插件,下面整理了一些平时项目中用到的知识点: //1: 获得画布上的所有对象: var items = canvas.getObjects(); / ...

  6. JS知识点查漏补缺

    知识点1: 判断语句中遇到NaN即为 False 只需要注意遇到False即为False即可 使用join(),toString()皆可以将数组转化为字符串 二者的相同点在于都可以转化数组为字符串 二 ...

  7. 前端必备的js知识点（转载）

    1.本文主体源自:http://www.cnblogs.com/coco1s/p/4029708.html,有兴趣的可以直接去那里看,也可以看看我整理加拓展的.2.js是一门什么样的语言及特点?    ...

  8. Node.js知识点

    1. 入口文件app.js里的路由,按顺序执行: 2.

  9. JS知识点备忘

    做前端久了,会发现很多比较杂的知识点,平时很少用到(往往在面试的时候经常见到),但是遇到的时候会很揪心...所以遇到的时候把它记录下来,但求有个印象,再次遇到时,可以在这里快速找到解决. 1.文档碎片 ...

随机推荐

  1. WEB服务器4--IIS中网站、Web应用程序和虚拟目录

    网站.Web应用程序和虚拟目录 在IIS中可以创建网站.Web 应用程序和虚拟目录,以便与计算机网络上的用户共享信息. “网站”.“Web 应用程序”和“虚拟目录”这三个概念的关系如图 8‑1所示. ...

  2. 练习使用jquery.并将验证强度的功能加到注册页面中

  3. .NET的 DataTable中某列求和

    public DataTable ReportDetail { get; set; }//定义datatable属性 this.txtTotalPiece.Text = ReportDetail.Co ...

  4. [转载]一个小例子介绍Obj-C的函数命名方式

    原文链接:http://www.cnblogs.com/liufan9/archive/2013/04/02/2995626.html 对于以前做C#或者JAVA开发的朋友而言,初次接触iOS开发,O ...

  5. c# 运算符 ?、??、?:

    用途:简化代码 说明: ? 是可空类型和运算符 int a; //a<>null int ?b; //b=null int ?c = b+1; //c=null; ?? 是空接合运算符 i ...

  6. CSS 设计彻底研究（三）深入理解盒子模型

    第三章 深入理解盒子模型 盒子模型是CSS控制页面的基础.需要清楚“盒子”的含义是什么,以及盒子的组成.此外,应该理解DOM的基本概念,以及DOM树是如何与一个HTML文档对应的,在此基础上充分理解“ ...

  7. x^2+y^2=N的整数解？

    本文系转载:http://blog.sina.com.cn/s/blog_a661ecd50101cv41.html 我们先研究这个问题的一部分:哪些素数是两平方数之和?为什么我们先研究素数,有个很重 ...

  8. hibernate中.hbm.xml和注解方式自动生成数据表的简单实例(由新手小白编写，仅适用新手小白)

    绝逼新手小白,so 请大神指点! 如果真的错的太多,错的太离谱,错的误导了其他小伙伴,还望大神请勿喷,大神请担待,大神请高抬贵嘴......谢谢. 好了,正题 刚接触ssh,今天在搞使用.hbm.xm ...

  9. MySql学习之数据库管理

    一步一步学习mysql数据,首先是mysql数据的管理操作. 1. 创建数据库 命令格式:create database [if not exists] database_name. 实际的使用过程中 ...

  10. jquery 单选框整个选中

    问题:遇到单选框,如图 解决办法:利用jqurey click->checked <!DOCTYPE html> <html lang="en"> & ...