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. linux下安装swftools工具

    swfTools是一种实用工具与Adobe Flash文件(swf文件)工作的集合.可以把(pdf/gif/png/jpeg/jpg/font/wav) 7种格式转换为swf文件.一般常用于文件在线浏 ...

  2. PHP学习笔记三十四【记录日志】

    <?php function my_error2($errno,$errmes) { echo "错误号:".$errno; //默认时区是格林威治相差八个时区 //设置 1 ...

  3. hadoop下载

    1.输入网址: http://mirrors.cnnic.cn/apache/hadoop/common/ 2.选择需要的版本进行点击下载

  4. Android生命周期注意事项

                                    生命周期图解     以下英文引用全部来自google官方文档说明,方便理解. onCreate (Bundle savedInstan ...

  5. java压缩文件出现中文乱码问题

    在项目中需要压缩文件下载,做完了发现有中文乱码问题,终于明白了. 引入ant.jar包 import org.apache.tools.zip.ZipEntry;   import org.apach ...

  6. li浮动引起ul高度坍陷的解决方法

    我们都知道float在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”.元素浮动之后,它脱离当前正常的文档流,所以无法撑开其父元素,造成父元素的高度塌陷.如下的代码就 ...

  7. java的LinkedList的用法

    http://blog.chinabyte.com/blog.php?do-showone-uid-135325-itemid-454704-type-blog.html 总结下,LinkedList ...

  8. web_profile(网站分析)配置

    web_profiler: # DEPRECATED, it is not useful anymore and can be removed # safely from your configura ...

  9. img元素高度多出来的几像素

    HTML: <div class="test"><img src="body2.jpg" alt=""></d ...

  10. dreamweaver批量去除空格，空行

    制作网店的时候,发现有空行,或者空格.如果数量比较少,可以手动清除.如果多的话,可以使用dreamweaver批量去除.方法如下: 第一步,用正则表达式删除所有空白行(其实这一步不一定要做,我只是为了 ...