JS简介

本文介绍了 JavaScript,它是可插入 HTML 页面的轻量级脚本语言,易学习且能被现代浏览器执行。还阐述了其基本语法,包括变量声明、数据类型和函数声明方式,同时提及了 HTML DOM 及 JS 内置对象,展示了 JS 操作 HTML 元素、属性和样式等能力。

JS简介


 

JavaScript 是脚本语言

  • JavaScript 是一种轻量级的编程语言。
  • JavaScript 是可插入 HTML 页面的编程代码。
  • JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
  • JavaScript 很容易学习。

 

基本语法

1.变量

变量的声明使用三个关键字:var,let,const,其中

var a = 1 // 全局作用域
{
    let a = 2 // 当前块作用域  
}
const b = 3 // 常量

js中,变量是没有类型限制的

var a = 'hello world'
a = x => x*x
typeof a
// 结果: "function"

值得一提的是

'123' == 123 // true
'123' === 123 // false

这是因为使用 == 作比较时,会进行类型转换,而使用 === 比较时,类型也会进行比较

2.数据类型

js有以下几种数据类型:

string, number, object, boolean, null, undefined

3.函数声明

函数声明有以下几种方式:

function a () {
  window.alert('a')  
}

var b = function () {
  window.alert('b')
}

// 也可以使用简写
var c = () => window.alert('c')

 

DOM

HTML DOM (文档对象模型)

当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

HTML DOM 模型被构造为对象的树。

HTML DOM 树

DOM HTML 树

通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。

  • JavaScript 能够改变页面中的所有 HTML 元素
  • JavaScript 能够改变页面中的所有 HTML 属性
  • JavaScript 能够改变页面中的所有 CSS 样式
  • JavaScript 能够对页面中的所有事件做出反应

内置对象

js的内置对象:

ArrayBooleanDateMathNumberObjectRegExp、 StringGlobalFunction

浏览器的内置对象:

 

 

 

转载于:https://www.cnblogs.com/eddy-s/p/10574255.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值