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. Ajax请求参数到一个URL包含下划线或者v（_、v）

    Ajax请求参数到一个URL包含下划线或者v 初学者的我,在F12时,看到这个地址就会很奇怪,不理解什么东西 经过查找了解到浏览器默认开启缓存,该参数不是其他请求所必须的,把它去掉不影响数据的获取 h ...

  2. 2019年7月25日 shell练习--PAT题目1006：换个格式输出整数（失败案例）

    让我们用字母 B 来表示“百”.字母 S 表示“十”,用 12...n 来表示不为零的个位数字 n(<),换个格式来输出任一个不超过 3 位的正整数.例如 234 应该被输出为 BBSSS123 ...

  3. php实现hashTable

    Hash表作为最重要的数据结构之一,也叫做散列表.使用PHP实现Hash表的功能.PHP可以模拟实现Hash表的增删改查.通过对key的映射到数组中的一个位置来访问.映射函数叫做Hash函数,存放记录 ...

  4. layui 源码解读(部分)

    <!DOCTYPE html> <head> </head> <body> <input type="button" id=& ...

  5. MSVCRTD.lib(crtexe.obj) : error LNK2019: unresolved external symbol _main re

    出现这个问题是因为工程是应用win32,必须要有main函数,修改方式为: configuration properties中General->configuration Type->将a ...

  6. java+web+批量下载文件

    JavaWeb 文件下载功能 文件下载的实质就是文件拷贝,将文件从服务器端拷贝到浏览器端,所以文件下载需要IO技术将服务器端的文件读取到,然后写到response缓冲区中,然后再下载到个人客户端. 1 ...

  7. c++11相关特性

    前言 发现好多情况下都会用到c++11的新特性啊. 所以稍稍总结一下,只会粗略的说,不会详细的讲…… upd.csp-s可能不是c++11标准,请慎用.(博主考试CE后的善意提醒) 1.auto&am ...

  8. 运行Spark官方提供的例子

    去spark官网把spark下载下来: https://spark.apache.org/downloads.html 解压,可以看下目录: 其中examples目录下提供了java,scala,py ...

  9. 【每日一包0005】arr-flatten

    github地址:https://github.com/ABCDdouyae... arr-flatten 将多维数组展开成一维数组 文档地址:https://www.npmjs.com/packag ...

  10. Spring MVC 同一个方法同时返回view或json

    https://blog.csdn.net/zzg1229059735/article/details/50854778 @RequestMapping(value = "/htmlorjs ...