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. [汇编学习笔记][第十章 CALL和RET指令]

    第十章 CALL和RET指令 call和ret指令都是转移指令,它们都修改CS和IP.经常被共同用于实现子程序的设计.这一章,我们讲解call和ret指令的原理 10.1 ret和retf ret指令 ...

  2. Android 4.4前后版本读取图库图片和拍照完美解决方案

    转载:http://blog.csdn.net/zbjdsbj/article/details/42387551 4.3或以下,选了图片之后,根据Uri来做处理,很多帖子都有了,我就不详细说了. 主要 ...

  3. html进阶css（４）

    盒子模型-边框 首先请看下图 <!doctype html> <html> <head> <meta charset="utf-8"> ...

  4. Know Thy Complexities!

    http://bigocheatsheet.com/ Hi there!  This webpage covers the space and time Big-O complexities of c ...

  5. PHP学习笔记十五【面向对象二】

    <?php class Cat{ //public 访问修饰符 public $name; public $age; } //创建 $cat1=new Cat; $cat1->name=& ...

  6. 对boost::shared_from_this的进一步封装

    对boost::shared_from_this的进一步封装 熟悉异步编程的同学可能会对boost::shared_from_this有所了解.我们在传入回调的时候,通常会想要其带上当前类对象的上下文 ...

  7. Citrix 服务器虚拟化之十二 Xenserver灾难恢复

    Citrix 服务器虚拟化之十二 Xenserver灾难恢复 (环境有限实验无法测试,配置步骤摘取自官方文档) XenServer 灾难恢复的工作原理在存储库(SR)上还原从主(生产)环境复制到备份环 ...

  8. PHP APC缓存配置、使用详解

    一.APC缓存简介 APC,全称是Alternative PHP Cache,官方翻译叫”可选PHP缓存”.它为我们提供了缓存和优化PHP的中间代码的框架. APC的缓存分两部分:系统缓存和用户数据缓 ...

  9. 写jQuery插件时，一种更好的合并参数的方法

    看到很多人写jQuery插件时居然这样合并参数: this.defaults = { 'color': 'red', 'fontSize': '12px', 'textDecoration':'non ...

  10. 使用jekyll主题

    github上面有很多基于jekyll的主题 https://github.com/theme4jekyll 使用起来也非常方便.直接clone到本地 这些主题,包括了很多模板,在新建博客的时候可以在 ...