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. scrapy五大核心组件和中间件以及UA池和代理池

    五大核心组件的工作流程 引擎(Scrapy) 用来处理整个系统的数据流处理, 触发事务(框架核心) 调度器(Scheduler) 用来接受引擎发过来的请求, 压入队列中, 并在引擎再次请求的时候返回. ...

  2. CodeForces-916A-jamie and Alarm Snooze(笨比题目)

    链接: https://vjudge.net/problem/CodeForces-916A 题意: Jamie loves sleeping. One day, he decides that he ...

  3. 理解 es7 async/await

    简介 JavaScript ES7 中的 async / await 让多个异步 promise 协同工作起来更容易.如果要按一定顺序从多个数据库或者 API 异步获取数据,你可能会以一堆乱七八糟的 ...

  4. 算法复习_线性时间求解Majority Vote Algorithm问题

    题目来源于Leecode上的Majority Element问题 Majority Element:在一个序列中出现了至少n/2的下界次 使用排序算法取中位数则需要Nlogn http://www.c ...

  5. python list颠倒写法

    a=[1,2,3,4] a[::-1] ...... [4,3,2,1]

  6. 【curl】cookie的分隔符

    cookie是以分号作为分隔符的. ex: curl --silent -H "Host: xxx.com" "172.172.178.9:80/item/comm?pi ...

  7. Python 日期和时间Ⅱ

    获取某月日历 Calendar模块有很广泛的方法用来处理年历和月历,例如打印某月的月历: 以上实例输出结果: Time 模块 Time 模块包含了以下内置函数,既有https://www.xuanhe ...

  8. JavaWeb面试篇（6）

    51.说一说Servlet的生命周期? Servlet有良好的生存期的定义,包括加载和实例化.初始化.处理请求以及服务结束.这个生存期由javax.servlet.Servlet接口的init(),s ...

  9. SpringBoot的项目构建

    手动构建SpringBoot项目 一.手动构建一个Maven,选择...webapp或者选择快速骨架生成,然后命名并生成项目: 二.  在pom.xml中,进行三处配置: 设置父模块,子模块就可以继承 ...

  10. Linux安装vsftpd及配置详解

    1 安装vsftpd组件 安装完后,有/etc/vsftpd/vsftpd.conf 文件,是vsftp的配置文件.[root@bogon ~]# yum -y install vsftpd 2.FT ...