初学JavaScript(二)

简介: JavaScript

本周继续学习了JavaScript的基本内容, 主要学习了js函数,正则表达式和DOM等主要知识,并开始使用所学的知识初步开始写页面,以下是我本周所学内容的简单整理。

JS函数

js使用关键字function来定义函数,形式如下:

//函数书写方式
 function myFunction(){
  alert('hello javascript');
}
//函数的调用
myfunction();

函数表达式:

var  变量名 = function(){
console,log(我是函数表达式);
}

函数都是有返回值的:

1.如果有return,则返回return后面的值

2.如果没有return,则返回undefine

函数的返回值格式:

function  函数名(){
  return 需要返回的结果;
}
函数名();
//(1)函数只是实现某种功能,最终的结果需要返回给函数的调用者
(2)只要函数遇到return就把后面的结果返回给函数的调用者  函数名()= return后面的结果

34d6e9d62a564fa4a3ed57d6875c99ed.png

正则表达式

语法:/正则表达式/修饰符(可选)

38dfa61fe21f4bd79e1472689e979fbc.png

正则表达式:

2eab6552e194402f895acf346ea6a329.png

163e1845502b48af843a9a7dabca2100.png

c613561788264256893ee8f608be4d33.png

40b74c480df84a47a9dde7886db37f7a.png

DOM的核心内容

对于元素的操作,主要有创建、增、删、改、查、属性操作、事件操作

1.创建:

  • document.write
  • innerHTML
  • createElement

2.增:

  • appendChild
  • insetBefore

3.删:

  • removeChild

4.改:

  • 主要修改dom的元素属性,dom元素的内容、属性、表单的值等
  • 修改元素的属性:src 、href、title等
  • 修改普通元素内容:innerHTML、innerText
  • 修改表单元素:value、type、disable等
  • 修改元素样式:style、className

5.查:

  • 主要获取查询dom元素
  • DOM提供的API方法:getElementById、getElementsByTagName等(古老方法不提倡)
  • H5提供的新方法:querySelector、querySelectorAll(提倡)
  • 利用节点操作做获取元素:父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling)(提倡)

6.属性操作:

  • 主要针对自定义属性
  • setAttribute:设置dom的属性
  • getAttributs:得到的dom的属性值
  • removeAttribute移除属性

7.事件操作:

cfc71012129041989e5688ec78617300.png

9cc0f82ddb5541cbb825e1830313a8b4.png

6023fc6e75cb45d9aa3b69ee8f48594a.png

58d487135b2747bd8534fb6039236c40.png

在接下来的一周,我将继续学习js的内容,并要在学习的过程中写考核的页面,边学边写我想能够更好的理解和掌握,期待着自己能够获得更多的知识。


目录
相关文章
|
11月前
|
JavaScript 前端开发
javascript01
javascript01
47 0
|
5月前
|
JavaScript 前端开发
JavaScript初学
本系列文章是对自己大一假期学习js后,是对自己学习js过程中的一些理解和看法,本篇文章主要是对学习JavaScript后我们可以去做一些什么事情,算是对js有一个初步了解。本章主要是对js初学者,对于js的使用方向有一个初步了解,同时也是对我学习过程中的一中记录,也是同这些实例的练习,然后对于js有了更加清晰的了解,对于我来说,可玩性更高了。
|
5月前
|
机器学习/深度学习 移动开发 前端开发
JavaScript适用于哪些领域?
【4月更文挑战第30天】JavaScript适用于哪些领域?
53 0
|
5月前
|
前端开发 JavaScript
实用的JavaScript小技巧
这些JavaScript小技巧可以帮助你更加高效地编写代码,提高代码质量和可读性。
32 1
|
5月前
|
JavaScript 前端开发
JavaScript:处理this
JavaScript:处理this
51 1
|
12月前
|
JavaScript 前端开发 算法
JavaScript
JavaScript
|
存储 JavaScript 前端开发
JavaScript (二)
JavaScript 对象 可以说 "JavaScript 对象是变量的容器"。 但是,我们通常认为 "JavaScript 对象是键值对的容器"。
35 0
|
Web App开发 存储 JavaScript
初识javaScript(一)
初识javaScript(一)
|
JavaScript 前端开发
JavaScript 介绍
JavaScript 介绍
185 0
JavaScript 介绍
|
算法 JavaScript 前端开发
JavaScript的各种等号`==` `===`最全详解(下)
JavaScript的各种等号`==` `===`最全详解(下)
97 0
JavaScript的各种等号`==` `===`最全详解(下)