1. Javascript 简介

1.1 定位

  • JS 是运行在浏览器端的脚本语言

1.1.1 关于浏览器

  • JS 由浏览器解释执行
  • JS 通常被直接嵌入 HTML 页面

1.1.2 关于脚本语言

  • JS 是客户端脚本语言
  • JS 是轻量级编程语言
  • JS 是解释性语言

1.2 功能

  • 主要解决前端与用户交互的问题，如

    • 使用交互
    • 数据交互

1.3 特点

  1. 弱类型
  2. 基于对象
  3. 安全
  4. 兼容性

2. Javascript 嵌入页面的方式

2.1 嵌入式

  • 在 body 体中使用 script 标签嵌入
<body>

    <script type="text/javascript">

        var a = "你好！";

        alert(a);

    </script>

</body>
  • script 标签中的 type="text/javascript" 可以不写，因为这是默认值

2.2 外链式

  • 在 body 体中使用 script 标签，并在其中增加 src="./xxx.js"，
<body>

    <script type="text/javascript" src="./static/JS/index.js"></script>

</body>
  • 之后，需在对应的 .js 文件中写相应代码

2.3 行间样式

  • 主要用于事件
<body>

    <a href="javascript:alert('行间样式生效1')">点我</a><br>

    <a href="javascript:void(0)" onclick="alert('行间样式生效2')">再点</a>

</body>
  • href="javascript:void(0)" 这种形式用得多

3. Javascript 的语句与注释

  • 一条 JS 语句应该以 ; 结尾

  • JS 的注释

// 单行注释

/*

    多行注释

    1、...

    2、...

*/

4. Javascript 的变量

  • JS 的变量类型由它的值来决定
  • 定义变量需要用关键字 var
  • 在非严格模式下，可以不使用 var 关键字定义全局变量，但不推荐
  • 在严格模式下，不使用 var 关键字定义全局变量，会产生错误
  • 声明严格模式：在 script 标签中写入 "use strict";
// 声明严格模式

"use strict";

var a = 123;

var b = 'abc';

// 同时定义多个变量可以用

var c = 456, d = 'def';

5. Javascript 的变量、函数、属性命名规范

  1. 由数字、字母、下划线和 $ 组成
  2. 不能以数字开头
  3. 不能使用关键字
  4. 大小写敏感

[Web 前端] 021 js 初识 Javascript的更多相关文章

  1. web前端面试试题总结---javascript篇

    JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的 ...

  2. Web前端-Vue.js必备框架（三）

    Web前端-Vue.js必备框架(三) vue是一款渐进式javascript框架,由evan you开发.vue成为前端开发的必备之一. vue的好处轻量级,渐进式框架,响应式更新机制. 开发环境, ...

  3. Web前端-Vue.js必备框架（一）

    Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head> <meta cha ...

  4. Web前端-Vue.js必备框架（五）

    Web前端-Vue.js必备框架(五) 页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件. vue-router 路由 vuex 组件集中管理 webpack ...

  5. Web前端-Vue.js必备框架（四）

    Web前端-Vue.js必备框架(四) 计算属性: <div id="aaa"> {{ message.split('').reverse().join('') }} ...

  6. Web前端-Vue.js必备框架（二）

    Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过滤器,可被用作一些常见的文本格式化. mustache插值和v-bind表达式. vu ...

  7. Web前端Require.js

    前言 前段时间粗略的扫过一次require.js,当时没怎么在意,结果昨天看到index里面的代码就傻了,完全不知道从哪开始看啦,所以require与backbone的学习还要加紧才行. 由于前端所占 ...

  8. Web前端开发神器--WebStorm(JavaScript 开发工具) 8.0.3 中文汉化破解版

    WebStorm(JavaScript 开发工具) 8.0.3 中文汉化破解版 http://www.jb51.net/softs/171905.html WebStorm 是jetbrains公司旗 ...

  9. 【RSA】在 ASP.NET Core中结合web前端JsEncrypt.JS使用公钥加密，.NET Core使用私钥解密；

    有一个需求,前端web使用的是JsEncrypt把后端给的公钥对密码进行加密,然后后端对其进行解密: 使用的类库如下: 后端使用第三方开源类库Bouncy Castle进行RSA的加解密和生成PEM格 ...

随机推荐

  1. mysql——二级索引（辅助索引）

    二级索引:叶子节点中存储主键值,每次查找数据时,根据索引找到叶子节点中的主键值,根据主键值再到聚簇索引中得到完整的一行记录. 问题: 1.相比于叶子节点中存储行指针,二级索引存储主键值会占用更多的空间 ...

  2. python 输出一个随机数

    题目:输出一个随机数. 程序分析:使用 random 模块. #!/user/bin/env python #coding:utf-8 import random print random.rando ...

  3. 函数中的this与 this.prototype

    函数中的this添加函数是加在对象上,而this.prototype是添加在原型上,通过prototype的指向来一级一级查找 prototype是构造函数访问原型对象,__proto__是对象实例访 ...

  4. java文件分片上传,断点续传

    文件夹数据库处理逻辑 publicclass DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); ...

  5. 容器————map

    序列容器是管理数据的宝贵工具,但对大多数应用程序而言,序列容器不提供方便的数据访问机制.一种典型的方法是通过名称来寻找地址.如果记录保存在序列容器中,就只能通过搜索得到这些数据.相比而言,map 容器 ...

  6. 使用ros_driver运行velodyne16线激光雷达

    一.使用ros_driver运行VLP16 推荐网址: http://blog.csdn.net/littlethunder/article/details/51920681 https://www. ...

  7. vue 渲染是出现 Do not use built-in or reserved HTML elements as component id 的警告

    情况1.是因为组件命名和引入不一致造成的. 命名组件(nav) export default { name: 'nav', data () { return { } } 引入组件(Navigation ...

  8. Spring Data Jpa (五)@Entity实例里面常用注解详解

    详细介绍javax.persistence下面的Entity中常用的注解. 虽然Spring Data JPA已经帮我们对数据的操作封装得很好了,约定大于配置思想,帮我们默认了很多东西.JPA(Jav ...

  9. windows7 中 wacom数位板如何关闭点击水波 和长按右键这两个特效

    就是点住笔尖不动,就会弹出右键,这个功能是微软操作系统具有的一项功能,,如果您感觉不便,可以按以下方法将其去掉: 1.打开"控制面板--笔和触摸--笔选项--按下并保持--设置": ...

  10. Java并发编程的艺术笔记（一）——volatile和syncronized关键字

    一.线程间的通信 volatile和syncronized关键字 volatile 修饰变量,告知任何对该变量的访问必须从共享内存获取,对它的改变必须同步刷新至共享内存,由此保证可见性. syncro ...