js
关注
分享
扫一扫
dae bal
随记
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js骚操作
【代码】js骚操作。原创 2023-03-20 14:46:09 · 198 阅读 · 0 评论 -
判断数组中是否包含某个值
判断数组中是否存在某个值，如果存在，则返回数组元素的下标，否则返回-1。：返回数组中满足条件的第一个元素的值，如果没有，返回undefined。：判断数组中是否存在某个值，如果存在返回true，否则返回false。：返回数组中满足条件的第一个元素的下标，如果没有找到，返回-1。原创 2022-12-08 14:19:38 · 3236 阅读 · 0 评论 -
25道古怪的js题（无聊的时候可以测一测）
25道古怪的js题：https://jsisweird.com/原创 2021-07-14 15:58:27 · 159 阅读 · 0 评论 -
404页面错误倒数提示
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>404</title> </head> <body> <div style="text-align: center原创 2021-06-21 09:56:30 · 78 阅读 · 0 评论 -
for-in语句
for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。for (变量 in 对象){ 在此执行代码}详解：https://www.bbsmax.com/A/A2dmZv4nze/原创 2021-05-25 09:33:24 · 1064 阅读 · 0 评论 -
图片弹出放大
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>图片弹窗</title> <style> /* 触发弹窗图片的样式 */ #myImg ..原创 2020-12-04 16:59:59 · 350 阅读 · 0 评论 -
var getDir=function(){}和function getDir(){}的区别
function getDir(){} 为函数声明function getDir(){}属于封装函数，这个可以写在调用之后var getDir = function(){} 为函数表达式就必须写在调用getDir之前原创 2020-12-04 14:17:37 · 396 阅读 · 0 评论 -
js根据屏幕分辨率打开相应的页面
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <script language="javascript">.原创 2020-10-23 16:41:05 · 694 阅读 · 0 评论 -
web给图片加水印
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>给图片加水印</title> </head> <body> <canvas id="shuiyinTest"&g.原创 2020-10-09 15:56:35 · 393 阅读 · 0 评论 -
输出1到400之间所有数字中包含的1的数的个数
//请输出1到400之间所有数字中包含的1的数的个数 // var count=[]; var j=0; for(var i=0;i<400;i++){ if(String(i).indexOf("1")>-1){ // console.log(i); // count.push(i); j++; } } // console.log(count.length); console.log(j); ...原创 2020-09-23 16:02:03 · 618 阅读 · 0 评论 -
js和jq实现简单的乘法
html <input type="number" class="aa" value="" id="aaa"/>* <input type="number" class="bb" value="" id="bbb"/> <button id="btn">提交</button> <input type="number" class="cc" value="" id="ccc"/>js window.onload=function原创 2020-09-17 09:50:23 · 1321 阅读 · 0 评论 -
网址：JavaScript与ES
JavaScript与ES的25个重要知识点源网址：https://segmentfault.com/a/1190000024460329原创 2020-09-16 15:28:45 · 138 阅读 · 0 评论 -
获取属性值
JavaScript 操作<input type="text" id="txtBox" displayName="123456" />var obj = document.getElementById("txtBox");// 读取obj.getAttribute("displayName");obj.attributes["displayName"].nodeValue...原创 2019-10-22 17:17:01 · 663 阅读 · 0 评论 -
jquery和js把一个标签的文本值赋给另一个标签
$(function(){ a=$(".on").find("a").text(); $(".on2").text(a); })原创 2020-09-15 17:00:55 · 1977 阅读 · 0 评论 -
ECMAScript 2020需要知道的功能（动态导入；空值合并运算符；可选链运算符；Promise.AllSettled）
一：动态导入其中之一是我们可以使用async / await动态导入依赖项。这意味着我们不必先导入所有内容，并且仅在需要它们时才可以导入依赖项。结果，通过在运行时加载模块来提高应用程序的性能。示例：if (calculations) { const calculator = await import('./calculator.js'); const result = calculator.add(num1, num2); console.log(result);}原创 2020-09-14 15:05:10 · 542 阅读 · 0 评论 -
在javascript里面清空数组的方法（并不是全部）
方法一：将数组的length设置为0；const arr = [ 1, 2, 3, 4, 5 ];arr.length = 0;后果：这种方法不会改变原始数组引用。这意味着，如果使用赋值运算符（=）将一个数组引用分配给另一个数组引用，则在一个数组上应用此方法也会清除另一个数组引用。方法二：分配对新数组的引用；let arr = [ 1, 2, 3, 4, 5 ];arr = [];示例：let hisArray = [ 'Some', 'thing' ];let .原创 2020-09-14 11:33:42 · 335 阅读 · 0 评论 -
js的显示绑定call（），apply（），bind（）的区别
注意：在call（）的情况下，参数需要一个接一个地传递，所以当我们只传递一个值参数或没有值参数时，请就使用call（）。如果要传递多个值参数，则使用apply（）。getName.bind()不会调用函数getName（）。它返回一个新函数newFn，我们可以像newFn（）那样调用它。 var getName = function(hobby1, hobby2) { console.log(this.name + ' likes ' + hobby1 + ' , ' + hob..原创 2020-09-11 16:08:58 · 160 阅读 · 0 评论 -
10个有用的HTML5功能（you may not be using）
一：<detail>标签（提供随需应变的细节给用户）<detail>标签与<summary>标签搭配使用，默认是关闭状态，点击会展开里面的内容。示例：<details> <summary>Click Here to get the user details</summary> <table> <tr>原创 2020-09-11 11:37:09 · 200 阅读 · 0 评论 -
箭头函数
基本用法ES6 允许使用“箭头”（=>）定义函数。var f = v => v;// 等同于var f = function (v) { return v;};如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum =原创 2020-09-14 13:50:47 · 152 阅读 · 0 评论 -
ECMAScript 6 入门教程—函数的扩展
1、函数参数的默认值基本用法（ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。） function log(x, y) { if(typeof y==='undefined'){ y="world" } console.log(x, y); }ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。 function log(x,y="world"){ console.log(x,y) }参考：https:.转载 2020-09-10 09:59:00 · 124 阅读 · 0 评论 -
禁止移动端浏览器页面滚动
html<body ontouchmove="event.preventDefault()" >javascriptdocument.addEventListener('touchmove', function(event) { event.preventDefault();});原创 2020-09-08 09:54:06 · 404 阅读 · 0 评论 -
javascript的流程语句
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <script> /* var num=parseI.原创 2020-09-08 09:45:38 · 87 阅读 · 0 评论 -
让你更好的编写 JavaScript(ES6) 中条件语句的技巧
1、使用 Array.includes 来处理多个条件一般：// conditionfunction test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); }}优化：function test(fruit) { // 条件提取到数组中 const redFruits = ['apple', 'strawberry', 'cherry', 'cra..转载 2020-09-04 15:00:20 · 191 阅读 · 0 评论 -
点击遮罩层的背景关闭遮罩层
<div class="active-rule"> <div class="active-rule-container"></div></div> $(".active-rule").click(function() { $(".active-rule").hide() }) $(".active-rule-container").click(function(event){ event.stopPropagation(); })..原创 2020-08-17 09:36:00 · 710 阅读 · 0 评论 -
获取年月日星期时分秒
获取年月日时分秒<a href="javascript:void(0);" class="size-18 float-r" id="newgettime"></a> <script type="text/javascript"> //得到时间并写入div /*function getDate(){ //获取当前时间 var date = new Date(); //格式化为本地.原创 2020-08-12 10:39:45 · 533 阅读 · 0 评论 -
触摸屏防止缩放
防止手势滑动导致页面前进后退window.onpopstate = () => { history.go(1); };原创 2020-08-10 10:01:58 · 589 阅读 · 0 评论 -
禁止鼠标点击事件
jsdocument.oncontextmenu = function () { event.returnValue = false; }或者在<body>标签里面加上<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.e..原创 2020-08-03 11:08:09 · 687 阅读 · 0 评论 -
去掉浏览器右侧动滚条宽度对页面的影响
js$("body").css("width", $(window).width());csshtml,body{ overflow-x: hidden;}原创 2020-07-28 15:04:42 · 320 阅读 · 0 评论 -
js统计出现最多的字符和次数
判断一个字符串"redistrbutable" 中出现最多的字符，并统计其次数；核心：利用charAt()遍历字符串；思路：（1）把每个字符都存储给对象 如果对象没有该属性 就为1 如果存在就 +1（2）遍历对象 得到最大值和该字符<script> var str = 'redistrbutable'; var o = {}; for (var i = 0; i < str.length; i++) {原创 2020-07-16 14:06:27 · 1156 阅读 · 0 评论 -
if的小技巧（包括点差运算符合并对象）
一般写法：if (status===1) { return 'a'} else if(status===2) { return 'b'} else if(status===3) { return 'c'} else if(status===4){ return 'd'} else if(status===5){ return 'e'} else { return 'f'}简便写法：function test (val) { let obj = {原创 2020-07-14 13:55:43 · 249 阅读 · 0 评论 -
jq刷新当前页面
参考：https://www.cnblogs.com/whx123/p/12145731.html原创 2020-08-03 11:03:59 · 447 阅读 · 0 评论 -
【JavaScript 教程】DOM——Mutation Observer API
作者：阮一峰1、概述Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知。概念上，它很接近事件，可以理解为 DOM 发生变动就会触发 Mutation Observer 事件。但是，它与事件有一个本质不同：事件是同步触发，也就是说，DOM 的变动立刻会触发相应的事件；Mutati...原创 2019-09-04 10:10:30 · 163 阅读 · 1 评论 -
防止网页被嵌入框架的代码
原文：http://www.ruanyifeng.com/blog/2010/08/anti-frameset_javascript_codes_continued.htmlif(window!=top){ //判断当前对象是否为top对象 top.location.href=window.location.href; //若不是，将对象的网址自动导向被嵌入的网址地址};缺...原创 2019-08-29 11:27:28 · 182 阅读 · 0 评论 -
关于Javascript闭包
原文：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 var n=999; ...原创 2019-08-29 13:51:09 · 135 阅读 · 0 评论 -
构造函数的继承
原文：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html直接继承prototype第三种方法是对第二种方法的改进。由于Animal对象中，不变的属性都可以直接写入Animal.prototype。所以，我们也可以让Cat()跳过 Animal()，直接继承Animal.p...原创 2019-08-29 16:19:01 · 115 阅读 · 0 评论 -
非构造函数的继承
原文：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.htmlJavascript继承机制的设计思想：http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_...原创 2019-08-29 16:35:27 · 125 阅读 · 0 评论 -
JS中window.open（）和Window Location href的区别
参考:https://blog.youkuaiyun.com/qq_41694906/article/details/88224861原创 2020-04-27 10:08:15 · 353 阅读 · 0 评论 -
关于var,let,const的区别
1.const定义的变量不可以修改，而且必须初始化。const num=num;//正确const num;//错误，必须初始化 2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。（var声明的变量的作用域都是window下全局的） var num = 1;// var num;//不会报错3.let是块级作用域，函数内部使用let定义后，对函数外部无影响。let num=1;//console.log(num)输出1;function chan原创 2020-06-08 10:14:43 · 150 阅读 · 0 评论