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. 伪元素first-letter(首字母变大)

    让首字母变大 <p>Do you like to ride a bicycle?</p> p:first-letter{ font-size: 34px; }

  2. H5移动端性能优化

    概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s ...

  3. 更新Android SDK 出错 Failed to rename directory \temp\ToolPackage.old01

    打算更新Android SDK 版本到 Android SDK Tools 20,打开SDK Manager.exe 开始更新,结果安装时弹出错误提示:Failed to rename directo ...

  4. Android的Fragment中onActivityResult不被调用的解决方案

    常见的,我们会在FragmentActivity中嵌套一层Fragment使用,甚至两次或多层Fragment嵌套使用.这个时候,在第二级或者更深级别的Fragment调用startActivityF ...

  5. OpenCV——使用ROI进行图像切割

    ROI(region of interest)——感兴趣区域. 1.用途 这个区域是图像分析所关注的重点.圈定这个区域,以便进行进一步的处理.而且,使用ROI指定 想读入的目标,可以减少处理时间,增加 ...

  6. EditText判断用户输入完成，然后进行操作解决方案

    private Timer timer = new Timer(); private final long DELAY = 1000; // in ms EditText editTextStop = ...

  7. android 常用颜色

    reference: http://blog.csdn.net/leewenjin/article/details/17386265

  8. deepin 2014 安装后 ，grub出错

    今天deepin2013一直出错,就想尝试下2014,so,果断下载安装,然后悲剧的又被坑了. 环境win7位于sda,deepin安装在sdb 安装完毕后,启动报错,找不到设备uuid 无奈之下,重 ...

  9. django中使用json.dumps处理数据时，在前台遇到字符转义的问题

    django后台代码: import json ctx['dormitory_list'] = json.dumps([{", "is_checked": 1}, {&q ...

  10. Google谷歌搜索引擎登录网站 - Blog透视镜

    建置好了网站之后,为了能提升流量或是增加曝光度,Mix通常会到Google谷歌,用手动登录的方式,登录网站,不久之后,搜索引擎就会派遣蜘蛛机器人,来检索你的网站,等一段时间之后,就会出现在搜索引擎内, ...