javascript对象包含哪些要素_JavaScript语言

雪地里的枯树：java工程师学习线路​zhuanlan.zhihu.com

JavaScript语言：

JavaScript是一种什么语言？--JavaScript的概念、特点、使用及执行顺序。_Simeow的学习日记-CSDN博客

javascript的主要特点

解释性、基于对象、事件驱动、跨平台、安全性

javascript的常见应用

验证用户输入的内容，动画效果等等

=======================================

JavaScript基础语法：

javascript在html中的使用

在页面中直接插入<javascript>

<script language="JavaScript">

JavaScript内容

</script>

script属性

language 设置所使用的脚本语言及版本

src 设置一个外部脚本的文件路径

type 设置所使用的脚本语言，此属性已代替language属性

defer 此属性表示当html5文档加载完毕再执行脚本语言

链接外部javascript文件

<script language="JavaScript' src="文件路径"></script>

数据类型

javascript采用的弱类型的方式

即一个数据（变量或常量）不必先声明

数据类型主要包括三种

数子型最基本的数据类型

javascript不区分浮点数和整数

在javascript中都是由浮点数表示

字符串型数据

javascript中的字符串型数据可以包含在单引号和双引号中

双引号中可以包含单引号，单引号中可以包含双引号

特殊数据类型

控制字符也称转义字符，以开头的不可显示的特殊字符。

b 退格 n 回车换行 t Tab符号 f 换页 v 跳格(Tab、水平)

r 换行 反斜杠 '单引号

变量声明

var 变量名 = 数据;

运算符

1.算术运算符

+、-、*、/、%、++、--

2.比较运算符

==

3.赋值运算符

=

4.字符串运算符

+、+=

5.条件运算符

操作数?结果1:结果2

流程控制

if语句

if(条件函数){

方法体

}else{

方法体

}

while(条件语句){

方法体

}

========================================

JavaScript内部对象

JavaScript 标准内置对象

=========================================

JavaScript的DOM：

document文档对象

alickColor属性

该属性用来获取或设置当链接获取焦点时显示的颜色

[color=]document.alinkcolor[=setColor]

color:字符串变量，用来获取颜色值

setColor:设置颜色的名称或者颜色的RGB值

该属性用来获取或者设置页面中未单击链接的颜色

[color=]document.linkcolor[=setColor]

该属性用来获取或者设置页面中单击过的链接的颜色

[color=]document.vlinkcolor[=setColor]

document.title

获取页面标题

document.domain

获取当前域名

document.URL

获取页面URL

少壮不努力：JavaScript中DOM对象​zhuanlan.zhihu.com

=============================================

JavaScript 的 BOM

浏览器对象模型（Browser Object Model (BOM)）

• window窗口对象

所有浏览器都支持 window 对象。它代表浏览器的窗口。

所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。

甚至（HTML DOM 的）document 对象也是 window 对象属性：

window.document.getElementById("header");

等同于：

document.getElementById("header");

窗口尺寸

两个属性可用用于确定浏览器窗口的尺寸。

这两个属性都以像素返回尺寸：

window.innerHeight - 浏览器窗口的内高度（以像素计）

window.innerWidth - 浏览器窗口的内宽度（以像素计）

浏览器窗口（浏览器视口）不包括工具栏和滚动条。

window对象的使用

window.属性名

window.方法名(参数列表)

如：

window.alert("字符串");

window.document.write("字符串");

Window Screen

Window.screen对象包含用户屏幕的信息

Window Screen高度和宽度

sreen.width

sreen.height

以像素计的屏幕高度和宽度

Window Sreen可用宽度和高度

screen.availWidth

screen.availHeight

以像素计减去窗口工具条之类界面部分的高度和宽度

其他方法：

screen.colorDepth 属性返回用于显示一种颜色的比特数。

screen.pixelDepth 属性返回屏幕的像素深度。

=====================================

• Window Location

window.location 对象可用于获取当前页面地址（URL）并把浏览器重定向到新页面。

1. window.location.href 属性返回当前页面的 URL。
2. window.location.hostname 属性返回（当前页面的）因特网主机的名称。
3. window.location.pathname 属性返回当前页面的路径名
4. window.location.protocol 属性返回页面的 web 协议。
5. window.location.port 属性返回（当前页面的）互联网主机端口的编号。
6. window.location.assign() 方法加载新文档。

• Window History

window.history 对象包含浏览器历史。

1. history.back() 方法加载历史列表中前一个 URL。
2. history.forward() 方法加载历史列表中下一个 URL。

• Window Navigator

window.navigator 对象包含有关访问者的信息。

1. navigator.cookieEnabled 属性返回 true，如果 cookie 已启用，否则返回 false
2. navigator.appName 属性返回浏览器的应用程序名称
3. navigator.product 属性返回浏览器引擎的产品名称
4. navigator.userAgent 属性返回由浏览器发送到服务器的用户代理报头（user-agent header）
5. navigator.language 属性返回浏览器语言
6. navigator.onLine 返回浏览器是否在线
7. navigator.javaEnabled() 返回Java是否启用

• JavaScript 弹出框

JavaScript 有四种类型的弹出框：警告框、确认框和提示框以及输入框。

1. 警告框 window.alert()
2. 确认框 window.confirm()
3. 提示框 window.prompt()
4. 输入框 window.prompt()

• JavaScript Timing 事件

JavaScript 可以在时间间隔内执行。

这就是所谓的定时事件（ Timing Events）。

定时器

setTimeout(function,milliseconds);

等待指定时间后执行

setInterval(function, milliseconds)

等同于 setTimeout()，但持续重复执行该函数。

定时器的停止方法

myVar = setTimeout(function, milliseconds);

clearTimeout(myVar);

myVar = setInterval(function, milliseconds);

clearInterval(myVar);

• JavaScript Cookies

Cookie 用于让您在网页中存储用户信息。

JavaScript 可以用 document.cookie 属性创建、读取、删除 cookie。

删除 cookie

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

直接把 expires 参数设置为过去的日期即可

======================================

函数的自定义

JavaScript函数可以通过function关键词定义

function 函数名(){
  //方法体
}

=======================================

全局函数

javascript的全局函数_九木德员工的博客-CSDN博客_javascript的全局函数

=======================================

JavaScript事件处理

鼠标事件

鼠标的单击事件onclick

鼠标的按下事件onmousedown

鼠标的松开事件onmouseup

鼠标的移入事件onmouseover

鼠标的移出或移动事件onmousemove

键盘事件

键盘击键使事件onkeypress

键盘按下事件onkeydown

键盘释放事件onkeyup

页面事件

加载事件onload

网页加载完毕后触发的事件

卸载事件unload

网页关闭或者跳转后触发的事件

页面大小事件

用户改变浏览器的大小时触发的处理程序

============================================

资料选自

1. w3school 在线教程
2. 百度百科

雪地里的枯树：java工程师学习线路​zhuanlan.zhihu.com