IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript -> 正文阅读

[JavaScript知识库]JavaScript


引用

1.内部引用
注意:按网页解析顺序,先引用先调用。一般放最后

		<script>
			//...
		</script>

2.外部引用

		<script src="引用的js的文件夹" type="text/javascript" charset="utf-8"></script>

数据类型

1.JavaScript(以下简称js)的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型);

2.js常用的基本数据类型包括undefined、null、number、boolean、string;

3.js的引用数据类型也就是对象类型Object,比如:Object、array、function、data等

类型之间会相互转换。按字面意思转换。然后注意转换为nunber不正确时会转换为NaN;

变量定义

var 一般为局部变量;
但现在详细解释为:var定义的变量在方法内为局部变量,定义在方法外为全局变量;
let 局部变量:属于js的严格模式里定义的语句
不定义 全局变量

流程控制语句

if…else
swithch(){case}
while(){}
do…while
for
和java语法全程相同

方法

定义方法 :
注意:形式参数因为数据类型定义都是var,所以不用写。
js中方法名相同不会报错,但后面那个方法会覆盖前面个方法

			function 方法名称 (形式参数){
				方法体
			}
            var 方法名 = function(形式参数){
				方法体
			}

对象

定义:
var 对象名 =new xxxx(); (xxxx指的是你定义的对象的名称) emmmmm 表达的不是很准确,和java new对象基本相同。
Math不用创建对象,直接可以Math.方法名调用方法
正则表达 这个有点特殊。

DOM

Document Object Model 文档对象模型
功能:控制html文档的内容
获取页面的标签(元素)对象Element
在这里插入图片描述
什么是 HTML DOM?
HTML DOM 是:

HTML 的标准对象模型
HTML 的标准编程接口

Document:文档对象
Element:元素对象
Attribute:属性对象
Text:文本对象
Comment:注释对象
node:节点对象 是上面5个对象的父对象。

  • Document:文档对象
    1. 创建(获取):在html dom模型中可以使用window对象来获取
    1. window.document
    2. document
    2. 方法:
    1. 获取Element对象:
    1. getElementById() : 根据id属性值获取元素对象。id属性值一般唯一
    2. getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组
    3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组
    4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组
    2. 创建其他DOM对象:
    createAttribute(name)
    createComment()
    createElement()
    createTextNode()
    • Element:元素对象
      1. 获取/创建:通过document来获取和创建
      2. 方法:
      1. removeAttribute():删除属性
      2. setAttribute():设置属性
      * Node:节点对象,其他5个的父对象
      * 特点:所有dom对象都可以被认为是一个节点
      * 方法:
      * CRUD dom树:
      * appendChild():向节点的子节点列表的结尾添加新的子节点。
      * removeChild() :删除(并返回)当前节点的指定子节点。
      * replaceChild():用新节点替换一个子节点。
      * 属性:
      * parentNode 返回节点的父节点。
  document.getElementById("ID值")   //通过元素id获取id值
      对象.inberHTML  // 修改对象内容

事件

功能:某些组件被执行某些操作后,触发某些代码的执行
获取对象
绑定事件
1.直接在html标签上,指定事件的属性,属性值就是js代码

事件监听机制:
* 概念:某些组件被执行了某些操作后,触发某些代码的执行。
* 事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了
* 事件源:组件。如: 按钮 文本输入框…
* 监听器:代码。
* 注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。

* 常见的事件:
	1. 点击事件:
		1. onclick:单击事件
		2. ondblclick:双击事件
	2. 焦点事件
		1. onblur:失去焦点
		2. onfocus:元素获得焦点。

	3. 加载事件:
		1. onload:一张页面或一幅图像完成加载。

	4. 鼠标事件:
		1. onmousedown	鼠标按钮被按下。
		2. onmouseup	鼠标按键被松开。
		3. onmousemove	鼠标被移动。
		4. onmouseover	鼠标移到某元素之上。
		5. onmouseout	鼠标从某元素移开。
		
		
	5. 键盘事件:
		1. onkeydown	某个键盘按键被按下。	
		2. onkeyup		某个键盘按键被松开。
		3. onkeypress	某个键盘按键被按下并松开。

	6. 选择和改变
		1. onchange	域的内容被改变。
		2. onselect	文本被选中。

	7. 表单事件:
		1. onsubmit	确认按钮被点击。
		2. onreset	重置按钮被点

在这里插入图片描述

BOM

概念:Browser object Model 览器对象模型

浏览器对象:
地址栏窗口对象、历史记录对象、显示器对象、

window对象
不需要创建,直接window.方法名();
也可以自己 方法名();调用

与弹出框有关的方法:

alert("");  //显示带有一段消息和一个确认按钮的警示框 (只有确定按钮)
confirm(""); // 显示带有一段消息和一个确认按钮的对话框( 有确定和返回按钮)
                用户点击确认,则返回 true
                用户点击取消,则返回false
prompt("");  //显示用户输入框

与开发关闭有关的方法:

open("打开新窗口的地址"); //打开新窗口方法,有点像a标签,但这个是用方法的
close()//关闭窗口  

与定时器相关的方法:

setTimeout("方法",时间单位ms);  //多少时间后执行该方法 一次性
clearTimeout(要取消的定时器的对象); //取消定时器 
setInteval("方法",时间单位ms);  //多少时间后执行该方法 循环的
clearInteval(要取消的定时器的对象); //取消定时器

轮播图:
在这里插入图片描述
常用属性 详情可以看w3c
引用其他对象:
document
history 历史记录对象
navigator
location 地址栏对象
location.href="";跳转方法

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-14 23:00:40  更:2021-07-14 23:01:01 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年3日历 -2025/3/29 1:09:40-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码