Frank__7的博客_JAVASCRIPT学习

欢迎

JS中DOM节点的CRUD

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取body标签 //var body = document.getElementsByTagName("bod

js

javascript

html

子节点

元素节点

原创 2022-02-22 11:04:10 52 阅读

JS中修改函数中的this指向(call()和apply())

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function fun(a,b) { console.log("a = "+a); console.log("b = "+b); //alert(this); }

js

javascript

html

函数对象

调用方法

原创 2022-02-22 11:04:10 174 阅读

JS中的回调函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>05_回调函数</title></head><body><button id="btn">测试点击事件</button><!--1. 什么函数才是回调函数? * 你定义的 * 你没有直接调用 * 但最终它执行了(在特

javascript

js

jquery

回调函数

html

原创 2022-02-22 11:04:09 102 阅读

JS中点击超链接但是不跳转

方式一 <td><a href="javascript:;">Delete</a></td>方式二函数的返回值为false allA[i].onclick = function(){ var tr = this.parentNode.parentNode; //var name = tr.getElementsByTagName("td")[0].inn

javascript

html

其他

原创 2022-02-22 11:04:09 625 阅读

JS中字符串的常用方法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个字符串 var str = "Hello Atguigu"; /* * 在底层字符串是以字符数组的形式保存的 * ["H","e","l"] */

java

字符串

javascript

html

数组

原创 2022-02-22 11:04:09 92 阅读

JavaScript---获取鼠标的焦点

<!DOCTYPE html><html lang = "en"><head> <meta charset = "UTF-8"> <title>Title</title> <script src="lib/jquery-3.5.1/jquery-3.5.1.js"></script> <style> #divMove{ wid

javascript

jquery

html

加载

其他

原创 2022-02-22 10:42:17 665 阅读

JavaScript(笔记)

UI框架[外链图片转存失败,源站可能有防盗链机

javascript

jquery

html

原创 2022-02-22 10:40:45 64 阅读

JS对象的属性名规则

/** 使用对象字面量，可以在创建对象时，直接指定对象中的属性* 语法：{属性名:属性值,属性名:属性值…}* 对象字面量的属性名可以加引号也可以不加，建议不加,* 如果要使用一些特殊的名字，则必须加引号** 属性名和属性值是一组一组的名值对结构，* 名和值之间使用:连接，多个名值对之间使用,隔开* 如果一个属性之后没有其他的属性了，就不要写,*/...

javascript

属性值

字面量

创建对象

其他

原创 2022-02-11 15:31:21 242 阅读

JS事件冒泡

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 200px;

js

javascript

event

dom

css

原创 2022-02-11 14:25:54 76 阅读

JS进行性能测试(计时)

//测试如下的程序的性能 //在程序执行前，开启计时器 //console.time("计时器的名字")可以用来开启一个计时器 //它需要一个字符串作为参数，这个字符串将会作为计时器的标识 console.time("test");

js

字符串

原创 2022-02-11 14:25:36 243 阅读

JS向对象中添加和删除属性

向对象中添加属性语法：对象.属性名 = 属性值;对象[“属性名”] = 属性值; //这种方式能够使用特殊的属性名对象的属性名没有任何要求，不需要遵守标识符的规范，但是在开发中，尽量按照标识符的要求去写。属性值也可以任意的数据类型。读取对象中的属性语法：对象.属性名对象[“属性名”] //“属性名”可以使字符串常量，也可以是字符串变量如果读取一个对象中没有的属性，

javascript

属性值

标识符

取对象

原创 2022-02-11 14:22:08 2142 阅读

JS书写规则

1.JS严格区分大小写2.JS中每条语句以分号(;)结尾如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有些时候，浏览器会加错分号，所以在开发中分号必须写

javascript

大小写

赋值语句

函数声明

原创 2022-02-11 14:18:48 161 阅读

JS中的基本和引用类型传递的比较

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 基本数据类型

javascript

基本数据类型

栈内存

引用数据类型

原创 2022-02-11 14:18:39 26 阅读

JS中的命名规则

在JS中所有的可以自主命名的内容，都可以认为是一个标识符，是标识符就应该遵守标识符的规范。比如：变量名、函数名、属性名规范：1.标识符中可以含有字母、数字、_、$2.标识符不能以数字开头3.标识符不能是JS中的关键字和保留字4.标识符一般采用驼峰命名法xxxYyyZzz...

javascript

标识符

保留字

变量名

原创 2022-02-11 14:18:07 402 阅读

调用函数的返回值和函数对象本身

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> function fun3() { function fun4() { alert("我是fun4");

js

javascript

html

函数对象

原创 2022-02-11 14:17:58 112 阅读

JS立即执行函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> (function (a,b) { console.log(a); console.log(b); })(7,8);&l

js

javascript

html

原创 2022-02-11 14:17:51 175 阅读

JS中变量的作用域

/* * 作用域 * - 作用域指一个变量的作用的范围 * - 在JS中一共有两种作用域： * 1.全局作用域 * - 直接编写在script标签中的JS代码，都在全局作用域 * - 全局作用域在页面打开时创建，在页面关闭时销毁 * - 在全局作用域中有一个全局对象window，

javascript

js

作用域

函数声明

window对象

原创 2022-02-11 14:17:41 144 阅读

JS中用构造函数创建对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> /* 构造函数的执行流程： * 1.立刻创建一个新的对象 *

js

javascript

html

构造函数

执行流程

原创 2022-02-11 14:17:32 252 阅读

JS中的this指向问题

this（上下文对象）我们每次调用函数时，解析器都会将一个上下文对象作为隐含的参数传递进函数。使用this来引用上下文对象，根据函数的调用形式不同，this的值也不同。指向当前对象this的不同的情况：1.以函数的形式调用时，this是window2.以方法的形式调用时，this就是调用方法的对象3.以构造函数的形式调用时，this就是新创建的对象...

js

javascript

构造函数

解析器

调用函数

原创 2022-02-11 14:17:23 249 阅读

遍历对象中的属性和值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var obj={ name:"as444df", age:18, gender:"a44dsf" };

js

html

原创 2022-02-11 14:17:16 316 阅读

JS浏览器加载一个页面的过程

加载过程->从上向下逐行进行加载

javascript

加载

html

页面加载

原创 2022-02-11 14:17:08 349 阅读

JS中使用工厂模式创建对象

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> function createPerson(name , age ,gender){

js

设计模式

html

添加属性

原创 2022-02-11 14:15:33 146 阅读

JS中数组去重

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个数组

javascript

js

数组

html

i++

原创 2022-02-11 14:15:23 85 阅读

JS中响应函数的触发

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type"

js

javascript

html

事件对象

鼠标指针

原创 2022-02-11 14:15:16 39 阅读

JS函数中的arguments

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 在调用函数时，浏览器每次都会传递进两个隐含的参数：

js

javascript

html

调用函数

原创 2022-02-11 14:15:03 42 阅读

JS中的事件绑定

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){

js

javascript

回调函数

html

字符串

原创 2022-02-11 14:14:51 70 阅读

JS中的Event(时间委派)

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload = function(){ var

javascript

js

dom

event

超链接

原创 2022-02-11 14:14:32 59 阅读

JS中数组的常用方法

<!DOCTYPE html><html> <head> <meta charset="UTF-8">

js

javascript

数组

html

原创 2022-02-11 13:58:29 73 阅读

JS数组中的剩余方法

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <

javascript

字符串

js

数组

回调函数

原创 2022-02-11 13:58:15 107 阅读

JS中的原型

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 原型 prototype * * 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype * 这个属性对应着一个对象，这个对象就是我们所谓

js

javascript

prototype

原型对象

构造函数

原创 2022-02-11 13:58:01 108 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx60f10a0d8664a的博客

欢迎

JS中DOM节点的CRUD

JS中修改函数中的this指向(call()和apply())

JS中的回调函数

JS中点击超链接但是不跳转

JS中字符串的常用方法

JavaScript---获取鼠标的焦点

JavaScript(笔记)

JS对象的属性名规则

JS事件冒泡

JS进行性能测试(计时)

JS向对象中添加和删除属性

JS书写规则

JS中的基本和引用类型传递的比较

JS中的命名规则

调用函数的返回值和函数对象本身

JS立即执行函数

JS中变量的作用域

JS中用构造函数创建对象

JS中的this指向问题

遍历对象中的属性和值

JS浏览器加载一个页面的过程

JS中使用工厂模式创建对象

JS中数组去重

JS中响应函数的触发

JS函数中的arguments

JS中的事件绑定

JS中的Event(时间委派)

JS中数组的常用方法

JS数组中的剩余方法

JS中的原型