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. C++在delete指针后要赋值为NULL

    C++标准规定:delete空指针是合法的,没有副作用. 所以我们在Delete指针后赋值为NULL或0是个好习惯.对一个非空指针delete后,若没有赋NULL,若再次delete的话 有可能出现问 ...

  2. node 中process进程argv,argv0,execArgv,execPath

    1.argv const {argv,argv0,execPath v,execPath} = process; argv.forEach(item=>{ console.log(item); ...

  3. 批量下载文件asp.net

    一.实现步骤 在用户操作界面,由用户选择需要下载的文件,系统根据所选文件,在服务器上创建用于存储所选文件的临时文件夹,将所选文件拷贝至临时文件夹.然后调用 RAR程序,对临时文件夹进行压缩,然后输出到 ...

  4. 洛谷 P1080 石子合并 ( 区间DP )

    题意 : 在一个圆形操场的四周摆放N堆石子,现要将石子有次序地合并成一堆.规定每次只能选相邻的2堆合并成新的一堆,并将新的一堆的石子数,记为该次合并的得分.试设计出1个算法,计算出将N堆石子合并成1堆 ...

  5. Loadrunner参数化避免重复数据

    1.我们性能测试过程中经常遇到需要创建很多数据来运行测试场景,但是如果数据准备不够多,可能会造成数据不够用,导致场景运行失败,下面简单的例子: 2.我们对用户名分别使用VuserID和lteratio ...

  6. 探究代码审查（Code review）

    Code review 是什么 对软件源代码的系统性检查,查找软件源代码质量,结构,漏洞等问题. PS:Code review  ≍ Code inspections ≥ Code walkthrou ...

  7. 为什么JPA@Modifying需要@Transactional注解

    在JPA开发中遇到一个很奇怪的问题,@Modifying需要和@Transactional配合使用才能正常使用.如下面代码所示 @Modifying @Transactional @Query(&qu ...

  8. 《Effective Java》读书笔记 - 2.创建和销毁对象

    Chapter 2 Creating and Destroying Objects item 1:Consider static factory methods instead of construc ...

  9. linux系统PS命令，按CPU、内存使用率对进程排序

    https://blog.csdn.net/weixin_42123737/article/details/90081318

  10. 使用mybatis-generator-core-1.3.2.jar根据数据库表自动生成实体

    1 导入mybatis-generator-core-1.3.2.jar 2配置mbg.xml <?xml version="1.0" encoding="UTF- ...