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. vue2.0 监听滚动 锚点定位

    vue中监听滚动的方法其实可以用: // Chrome document.body.scrollTop // Firefox document.documentElement.scrollTop // ...

  2. GDOI2017总结

    前言 大概在两个星期前,由于会有一堆人因为限人数的问题而被卡掉,当时那个人心惶惶啊,搞到我们心惊胆战,茶饭不安. 话说某日,jacky36当众表示,辣鸡余可灿,把我卡掉啦,B~(屏蔽不良言语).余可灿 ...

  3. 【NOIP2016提高组day1】†换教室

    题目 对于刚上大学的牛牛来说,他面临的第一个问题是如何根据实际情况申请合适的 课程. 在可以选择的课程中,有 2n 节课程安排在 n 个时间段上. 在第 i ( 1 ≤ i ≤ n )个 时间段上,两 ...

  4. C#任务调度——LimitedConcurrencyLevelTaskScheduler

    这是参考大佬分享的代码写的有问题请提出指正,谢谢. using Serilog; using System; using System.Collections.Generic; using Syste ...

  5. 对flex深入研究一点

    flex顶层设计 1.在任何流动的方向上(包括上下左右)都能进行良好的布局 2.可以以逆序 或者 以任意顺序排列布局 3.可以线性的沿着主轴一字排开 或者 沿着侧轴换行排列 4.可以弹性的在任意的容器 ...

  6. 详解GSM的基带跳频和射频跳频

    跳频技术源于军事通信,目的是为了获得较好的保密性和抗干扰能力.跳频分为快速和慢速两种,GSM中的跳频属于慢跳频. 跳频方式从时域概念上分为帧跳频和时隙跳频,从载频实现方式上分为射频跳频和基带跳频. 帧 ...

  7. 51 Nod 1678 lyk与gcd（容斥原理)

    1678 lyk与gcd  基准时间限制:2 秒 空间限制:131072 KB 分值: 80 难度:5级算法题  收藏  关注 这天,lyk又和gcd杠上了. 它拥有一个n个数的数列,它想实现两种操作 ...

  8. R 去掉非零元素

    X <- X[X!=] Malign_score <- Malign_score[Malign_score>=0.0008]

  9. 文件操作工具类FileUtils

    package yqw.java.util; import java.io.BufferedInputStream;import java.io.BufferedOutputStream;import ...

  10. 异步实时搜索jquery select插件

    异步实时搜索jquery select插件 一.先看看效果. 二.做此插件的原因. 1.数据量过大(几千.几万条),无法一次性全部加载. 2.现有插件各不相同,无法满足功能需求. 3.美观性,可控性不 ...