当前位置:   article > 正文

JavaScript学习(基础)_课程 javascript基础

课程 javascript基础

1、JavaScript 是 web 开发者必学的三种语言之一:

  • HTML 定义网页的内容
  • CSS 规定网页的布局
  • JavaScript 对网页行为进行编程

2、JS的标准:ECMAScript,简称ES。

  • ECMAScript是一个标准文档,需要浏览器厂商去实现,不同厂商有不同的实现(不同引擎)。
  • ES是标准,JS是实现。

3、 JavaScript包括3部分:

  • ECMAScript 标准
  • DOM  文档对象模型 提供一组对象可以操作网页 通过JS操作网页
  • BOM  浏览器对象模型 提供一组对象可以操作浏览器 通过JS操作浏览器

4、 JavaScript的作用

  • 直接写入 HTML 输出流
  • 对事件的反应
  • 改变 HTML 内容
  • 改变 HTML 图像
  • 改变 HTML 样式
  • 验证输入

5、Javascript的用法

HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。

Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。

6、外部Javascript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件。

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <script src="myScript.js"></script>
  5. </body>
  6. </html>

 7、Javascript输出

JavaScript 没有任何打印或者输出的函数。但JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。

8、Javascript数据类型

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。

引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

变量的数据类型可以使用 typeof 操作符来查看:

注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。

JavaScript 字符串

字符串是存储字符(比如 "Bill Gates")的变量。

字符串可以是引号中的任意文本。可以使用单引号或双引号。

var name=“abc”;

JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带。

var x=123;

JavaScript 布尔

布尔(逻辑)只能有两个值:true 或 false。

var x=true;
var y=false;

JavaScript 数组

可以直接用[]创建,也可以使用new Arrey创建实例

var arr1=[];

var arr2=new Array();

JavaScript 对象

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。

var person={
name : "John",
age: 20,
};

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

声明变量类型

当您声明新变量时,可以使用关键词 "new" 来声明其类型:

var name=new String;
var x=      new Number;
var y=      new Boolean;
var arr=   new Array;
var person= new Object;

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/76694
推荐阅读
相关标签
  

闽ICP备14008679号