Suda Masaki534-CSDN博客

原创 Java Script之jQuery简介

定义：jQuery 是一个 JavaScript 函数库。jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。使用jQuery语法前需要引入以下js文件//<script> 标签应该位于页面的 <head> 部分<script type="text/javascript" src="jquery.js"></script>一、jQuery选择器：基础语法是：$(selector).action.

2022-03-21 20:53:20 367

原创 JS源码实现放大镜功能

用到的方法有：1.mousemove() 方法：当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件2.mouseout() 方法：当鼠标指针离开被选元素时，会发生 mouseout 事件。3.offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。返回第一个匹配元素的偏移坐标。该方法返回的对象包含两个整型属性：top 和 left。详细代码如下：<!DOCTYPE html><html lang="en"> <h...

2022-03-12 14:39:43 439 1

原创 JS用纯JS生成图片依次排列到页面上，不使用样式表（扑克牌）

以下为完整代码，如需要可自取<p> 利用pokers文件夹中的图片，用纯JS生成图片依次排列到页面上。不允许使用样式表 </p> <div id="divcontainer"> </div> <script> //获取到div var div = document.getElementById("divcontainer"); for (var i

2022-02-12 14:33:33 1207

原创 JS数组常用方法源码

今天简单给大家分享几个常用的数组方法源码，如下：一、Array.prototype.map()// map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。//返回值为：一个由原数组每个元素执行回调函数的结果组成的新数组。 //将原先的数据映射成新的数据 Array.prototype.myMap = function(){ //获取第一个参数函数 var fn = arg

2022-02-12 10:56:29 1028

原创 JS原型应用-面试题

原型链含义：因为每个对象和原型都有隐式原型，对象的隐式原型指向创建该对象的构造函数的原型对象，而父的原型又指向父的父，这种原型层层连接起来的就构成了原型链。（原型链的查找属性是从下往上的过程）附上一张完整的原型链剖析图：**prototype是函数(构造函数)的属性**在JavaScript中，每个函数都有一个prototype属性，当一个函数被用作构造函数来创建实例时，这个函数的prototype属性值会被作为原型赋值给所有对象实例（也就是设置实例的`__proto__`属性），也就是说.

2022-01-16 23:18:30 1380 2

原创 JS求两个日期之差

以下为功能实现全部代码：其中new_date变量可设置为任意事件 var new_date = new Date(); //新建一个日期对象，默认现在的时间 var old_date = new Date("2021-10-18 00:00:00"); //设置过去的时间点 var subtime = (new_date - old_date) / 1000; //计算时间差,并将毫秒转化为秒 var days

2022-01-16 20:23:57 3550

原创 JS构造函数

含义：在 JavaScript 中，用 new 关键字来调用的函数，称为构造函数。构造函数首字母一般大写（我的理解是：构造函数是用来创建一个对象的，所有的对象都是被new 构造函数()出来的，只要一个函数(内置、自定的),通过new被调用的这个函数就可以被叫做构造函数）一、构造函数的优点：在语法上提供一个简洁的书写方式,为了开发者的便利举个例子：如果我们想录入班上同学的个人信息，会这样创建对象var m1 = { name: '张三', age: 21, sex: '男'

2022-01-08 17:11:54 569

原创 Js Bom操作

定义：Bom：浏览器对象模型（Browser Object Model，简称 BOM）提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作 BOM对象：window 对象，是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性；document 对象，文档对象；location 对象，浏览器当前URL信息；navigator 对象，浏览器本身信息；screen 对象，客户端屏幕信息；history 对象，浏

2022-01-08 14:02:04 493

原创 JS中DOM元素的操作

一、DOM元素的获取1）document.getElementsByClassName ( “class”)返回集 htmlcollection ,用法和数组一致说明: class为DOM元素上class属性的值2）document.getElementById( “id” )功能:返回对拥有指定ID的第一个对象的引用返回值: DOM对象说明: id为DOM元素上id属性的值3)document.getElementsByName(" name");返回的是nodelist 类型, 用法和

2021-12-27 08:38:29 216

原创 JavaScript 函数

JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。实例：function myFunction(p1, p2) { return p1 * p2; // 该函数返回 p1 和 p2 的乘积}函数语法JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。实例：function .

2021-12-18 16:43:51 629

qq_59191991的博客