文章目录

JavaScript
- 历史
- 概述
- 基本语法
- 内置字符串String
- 内置对象Array数组
- - 数组的创建
  - 内置对象
- 内置日期
- 内置对象Math
- 事件
- Html DOM
- - 查找元素
  - 改变HTML
  - 改变CSS
  - 计时

JavaScript

历史

原名：LiveScript

概述

1.是一种具有函数优先级的轻量级、解释型的编程语言—计算机语言

2.是目前最流行的脚本语言

3.作用：强化页面的可用性或是提升与网站进行交互体验

静态网页动态网页（用户能和网页进行交互）

4.javascript可以写在页面的任何位置，但是建议写在的结束标签之后

5.在HTML中，js脚本必须写在

  <script type="text/javascript">
</script> 标签之中，你也可以单独创建***.js文件，来保存脚本内容

6.脚本事由一条条语句构成的，语句就是你给计算机发送的指令

7.指令中需要的数据要进行存储，将数据存储在变量中

8.在js中如何声明一个变量 var 变量名

9.变量名的要求：只能以字母，下划线开头，后面可以和跟数字、字母和下划线

基本语法

alert() 输出对话框

console.log() 输出到控制台

function 函数名(){

} 定义函数

var 定义变量任意类型

onclick 点击事件

parseInt 强制类型转换

typeof(arg) 返回数据类型

eval(arg) 运算部分字符串

内置字符串String

length ：返回字符串长度

charAt(n)：返回该字符串位于第n位的单个字符

indexOf(char) ：返回char首次出现的位置

lastindexOf(char)：从后往前找char首次出现的位置

substring(start, end)：返回源字符串的子字符串，从start位置到end位置的前一位置的一段

substr(start, length)：返回原字符串的子字符串，该字符串是原字符串从start位
置开始，长度为length的一段

split(分隔字符)：返回一个数组，该数组是从字符串对象中分离开来的

内置对象Array数组

数组的创建

var array = new Array();var array = new Array("a","b","c");var array =

内置对象

join：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔
符>置于元素与元素之间

length：数组的长度，即数组里有多少个元素

reverse：使数组中的元素顺序反过来

sort：：使数组中的元素按照一定的顺序排列

内置日期

new Date() 返回当日的日期和时间

getFullYear() ：返回四位数字年份

getDate() 返回一个月中的某一天 (1 ~ 31)

getMonth()：返回月份 (0 ~ 11)

getDay()：返回一周中的某一天 (0 ~ 6)

getHours()：

getMinutes()：

getSeconds()：

内置对象Math

Math.abs()：绝对值

Math.pow()

Math.sqrt()

Math.ceil()：进一

Math.floor()：取一

Math.round()：四舍五入为整数

Math.random()：返回0-1之间的随机数

Math.max(x, y)：返回x和y中的最大值

Math.min(x, y)：返回x和y中的最小值

事件

onclik 鼠标点击

onblur 鼠标失去焦点（输入框）

onfocus 鼠标获得焦点

onmouseover 鼠标移入

onmouseout 鼠标移出

onload 等body加载后执行，网页加载完毕后触发相应的事件

onchange 失去焦点且内容发生改变

Html DOM

OM是Document Object Model文档对象（网页中的标签）模型的
缩写.

查找元素

通过id：document.getElementById(“id");

通过标签：document.getElementsByTagName(“p”);

通过类名：document.getElementsByClassName(“p”);

通过name：document.getElementsByName(“name");

改变HTML

改变 HTML 标签的属性

document.getElementById(“username").value=“new value";
document.getElementById(“image”).src=“new.jpg";

修改 HTML 内容的最简单的方法时使用 innerHTML 属性

document.getElementById(“div”).innerHTML=new HTML

改变CSS

语法：
document.getElementById(“id”).style.property=new style;
例：
document.getElementById(“p2”).style.backgroundImage=“url(bg.jpg)”;

计时

setTimeout(函数, 时间) 多长时间后执行这个函数

clearTimeout() 取消setTimeout()

setInterval( 函数, 时间) 每隔指定时间重复执行这个函数

clearInterval() 取消setInerval

HTML JavaScript相关推荐

【AJAX】JavaScript的面向对象
Ajax中后端数据返回后需要前端通过JavaScript来实现动态数据更新的问题.所以,在Ajax中加深了一遍JavaScript面向对象的印象. 基础部分: JavaScript中创建对象并简单对象 ...
【JavaScript总结】JavaScript语法基础：JS高级语法
作用域链: 1.JS中只有函数能够限定作用域的范围: 2.变量处理在制定的函数范围内,还有一个特殊的作用域,就是没有用var 声明的全局作用域 3.js中的作用域链是为了清晰的表示出所有变量的作用范围 ...
【JavaScript总结】JavaScript语法基础：DOM
->DOM的理解:文档对应dom树 ->有了DOM能做什么:DOM的操作 html文档做为DOM树模型,DOM树的节点就是对象.对象会触发事件来执行一些事件代码. C#中的事件是一个委托变 ...
【JavaScript总结】JavaScript语法基础：JS编码
运算符数学:+. -. *. / 逻辑:>. < .>= .<=. == . !=.&&.|| . === .!==(完全等于) 对象相关 new delet ...
【JavaScript总结】JavaScript语法基础：数据类型
------>数据类型有哪些? ->基本类型:数字类型,布尔类型,字符串类型 ->引用类型:对象类型,函数类型 ->空类型:null 和 undefined ->运算符: ...
【JavaScript总结】JavaScript发展与学习内容
发展: 最初浏览器是为大学里浏览文档用,从地址栏输入文档地址,找到文档显示. 后来各种需求(购物网站,个人博客)出现,已有功能不能满足需求. 可人们依旧在努力满足这种需求,但实现后的效果很不尽人意. ...
Python：模拟登录、点击和执行 JavaScript 语句案例
案例一:网站模拟登录 # douban.pyfrom selenium import webdriver from selenium.webdriver.common.keys import Keys ...
[JavaScript] JavaScript数组挖掘，不只是讲数组哟(2)
课程来源:后盾人上一篇的内容:[JavaScript] JavaScript数组挖掘,不只是讲数组哟数组引用类型分析,多维数组,用Array.of为数组创建细节,类型检测与转换,在一个数组后面加一 ...
[JavaScript] JavaScript 数组挖掘，不只是讲数组哟
课程来源:后盾人数组引用类型分析数组的定义 const array = new Array('hello', 'dust', 1, 2, 3, 4, 5) console.log(array) l ...
linux下用js生成xml,js2xml:将javascript字符串转换为xml
有时候爬数据遇到像下面这种,数据在script标签中以javascript形式存在. var totalReviewsValue = 32; var averageRating = 4.5; if(t ...

HTML JavaScript