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. EffectiveC#8--确保0对于值类型数据是有效的（初始化问题）

    1.决不要创建一个不包括0在内的枚举类型 2.举例如下: public enum Planet { Mercury = 1, Venus = 2, Earth = 3, Mars = 4, Jupit ...

  2. NET基础课--NET的一些概念0

    0.CIL--公共中间语言 VC++:经过预编译,编译,汇编和链接生成本地可执行代码,支持它运行的是OS和本地cpu指令集. C#:    在.net框架下类似c#的高级语言经过编译生成的文件叫程序集 ...

  3. 模板页 相对路径 JS 加载问题

    问题:我在master页面中引入了如下js文件:<script type="text/javascript" src="http://www.cnblogs.com ...

  4. JS判断RadioButtonList是否有选中项

    提交表单之前对RadioButtonList控件的选中项进行判断: 方法一: <script type="text/javascript"> function chec ...

  5. 学习使用Vim(二)——User Manuals, Getting Started

    Vim的用户手册主要包含以下三个部分:     Getting Started;     Editing Effectively;     Tuning Vim;     分别代表基本编辑技巧,更优化 ...

  6. C#避免过长的IF和Switch分支的方法

    C#避免过长的IF和Switch分支的方法 1.最蠢形态 //很丑有没有! //这个分支要是一两个还是可以接受的 class Program { static void Main(string[] a ...

  7. OFBiz应用https与http方式访问切换

    url.properties port.https.enabled=N port.https=8444 force.https.host=

  8. 轻量级jquery框架之--工具栏(toolbar)

    工具栏需求: (1)要求工具栏可以通过JSON配置格式生成,这样可以从服务器端控制生成的JSON来控制UI层面的按钮状态 (2)可以自定义按钮的图标样式. (3)可以定义按钮事件,按钮事件需要支持以字 ...

  9. DotNetNuke-DNN Module模块引用自定义CSS或者JS文件

    当新增一个module时,有时会引用自定义的或者第三方CSS.JS文件. 1.添加自定义的CSS时,可以直接在module的根目录下添加module.css,然后框架会自动加载此CSS: 2.这个比较 ...

  10. 符号三角形（hdu 2510 搜索+打表）

    符号三角形 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submi ...