js-web建站教程

jquery定时跳转页面的几个方法

2022年08月15日浏览(165)

功能描述：当前页面出现404时，定时3秒自动跳到首页应该如何实现呢？下面web建站小编给大家介绍几个方法： 1、利用setTimeout()函数+$(location).attr()设置 setTimeout(function() {$(location).attr(href, https://ipkd.cn);}, 5000); 2、利用setInterval function goIndex() { var time = 3; time = time - 1; $(#time).html(time); if(time == 0) { window.location.href = https://ipkd.cn; } } $(function(){ setInterval(goIndex(), 1000); });

jquery怎么获取同级节点的内容

2022年08月15日浏览(108)

jquery怎么获取同级节点的内容，jquery中提供了多种获取兄弟节点的函数。下面web建站小编带大家了解一下！ siblings()方法，主要用于获得指定元素的同级所有兄弟元素next()方法，主要用于获得指定元素的下一个兄弟元素nextAll()方法，主要用于获得指定元素的下一个同级的所有兄弟元素nextUntil()方法，主要用于获得指定元素的下一个兄弟元素，这个兄弟元素必须为指定元素与nextUnt

javascript实时监听容器的尺寸，防止溢出屏幕

2022年08月15日浏览(52)

通过 resize 事件，实时监听屏幕相关数据。 function refresh () { const wh = window.innerHeight const ww = window.innerWidth const designHeight = 1080 const designWidth = 1920 console.log(ww, wh) console.log(designWidth, designHeight) console.log(ww / designWidth, wh / designHeight) const scaleH = wh / designHeight const scaleW = ww / designWidth const scale = Math.min(scaleH, scaleW).toFixed(6) console.log(scale, scale) document.getElementById(id).style.transform = `scale(${scale})

js简单介绍4种数组遍历方法

2022年08月15日浏览(121)

数组遍历是最常见的，以前 ECMAScript 没出来的时候只有 for 遍历方法，后来多了 forEach ，下面web建站小编给大家介绍一下js下面的4种数组遍历方法。第一种for遍历 let arr = [1,2,3,4,5,6,7,8]for (let i = 0; i arr.length; ++i) { console.log(arr[i]);} 第二种for遍历 let arr = [1,2,3,4,5,6,7,8]for (let i in arr) { console.log(arr[i]);} 第三种for遍历 let arr = [1,2,3,4,5,6,7,8]for (const v of arr) { console.log(v);} 第四种forEach遍历 le

js数组里的对象相同key合并，其余多个相同key值相加

2022年08月12日浏览(205)

let list=[ { year: 2021, price0: 12, price1: 0, price2: 22 }, { year: 2022, price0: 1, price1: 32, price2: 121 }, { year: 2021, price0: 0, price1: 0, price2: 0 }, { year: 2022, price0: 24195.36, price1: 76262.56, price2: 0 }] 合并方法 function someDataMerge(arr, sameKey, mergeKey){ var result = []; var temp = {}; for (var i in arr) { var key = arr[i][sameKey]; if (temp[key]) { temp[key][sameKey] = temp[key][sameKey]; for(var j=0;jmergeKey.length; j++){ temp[key][mergeKey[j]] = temp[key][merg

const的正确使用方法

2022年08月10日浏览(179)

const 可以用来声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改。下面web建站小编给大家介绍一下关于const的正确使用方法！ 1、初始化定义 // 错误写法const PI;PI = 3.14// 正确写法const PI = 3.14;//始化后值不可再修改const PI = 3.14;PI = PI + 1; // 报错 2、块级作用域 var a = 10;const x = world;if (a 0){ const x = hello; console.log(x); // 这里输出 x 为 hello}console.log(x); // 这里输出 x 为

js接口批量新增参数（?/&）后缀不一样

2022年08月09日浏览(69)

问题描述：接到需求所有接口需要新增一个city=上海的参数，本来想在 ajax 方法里直接加的，后来发现有的在页面里面已经加参数了，需要先判断接口后面有没有参数。 1、接口链接是否已存在参数 function parame(url){ //获取url中?符后的字串 var theRequest = new Object(); if (url.indexOf(?) != -1) { var str = url.substr(1); var strs = str.split(); for (var i = 0; i strs.length; i++) { theRequest[strs[i].split(=)[0]] = unescap

sessionStorage和localStorage基本操作方法介绍

2022年08月05日浏览(166)

今天给大家介绍一下关于 sessionStorage 和 localStorage 基本操作方法介绍，其中包括写入、获取、删除、清空能功能。 sessionStorage的用法 // setItem方法，存储变量名为key，值为value的变量sessionStorage.setItem(key,value);// getItem方法，读取存储变量名为key的值var valueSession = sessionStorage.getItem(key);// removeItem方法，删除变量名为key的存储变量sessionStorage.removeItem(key); // clear方法，清除所有保存数据

js总计window常用的各种对象方法

2022年08月05日浏览(113)

今天web建站小编给大家接一下一些Window常用的对象方法，比如 alert 、 confrim 等。 //使用方法很简单alert(hello world);window.prompt(请输入用户名！);window.close() 除了上面几个常用的之外，还有 confrim() 在确认对话框显示指定的字符串prompt() 弹出一个提示对话框open() 打开新浏览器对话框并且显示URL或名字引用的文档，并设置创建对话框的属性close() 关闭被引用的对话框focus() 指定对话框放

javascript如何获取页面中所有p标签

2022年08月05日浏览(175)

功能介绍：js如何获取页面中所有p标签，下面web建站小编给大家介绍一个 querySelectorAll 方法。 querySelectorAll() 方法可以返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象。代码如下： //html代码p这是一个 p 元素。/pp这是二个 p 元素。/pp这是三个 p 元素。/p//js代码document.querySelectorAll(p)//也可以加上样式document.querySelectorAll(p.title)//也可以加上样式属性.style.backgroundColor = re

js给document.getElementsByTagName设置样式

2022年08月05日浏览(158)

利用javascript给 document.getElementsByTagName 设置样式，这里需要注意的是如果赋值的参数是动态的需要等页面加载完后才执行。 onload = function(){ var wd = document.body.scrollWidth - 400 document.getElementsByTagName(iframe)[0].setAttribute(style,width: + wd + px)}

javaScript简单介绍的Math对象方法

2022年08月05日浏览(73)

javaScript简单介绍的 Math 对象方法，其中包含 round 、 abs 、 max 、 min 、 floor 、 ceil 等方法。 1、Math属性介绍 Math.E // 2.718281828459045 //常数eMath.LN2 // 0.6931471805599453 //2的自然对数Math.LN10 // 2.302585092994046 //10的自然对数Math.LOG2E // 1.4426950408889634 //以2为底的e的对数Math.LOG10E // 0.4342944819032518 //以10为底的e的对数Math.PI // 3.141592653589793 //常数PiMath.SQRT1_2 // 0.7071067811865476 //0.5的平方根Math.SQRT2 //

用setTimeout()设置循环定时器

2022年08月04日浏览(167)

用 setTimeout() 设置循环定时器，程序会每隔一秒输出一个值。代码如下： let i = 0;function timer() { i++; console.log(i); // 函数内定时器的回调函数会继续调用 timer() // 每秒自调用一次，因此实现类似死循环的效果 setTimeout( () = { timer(); }, 1000);}// 启动函数timer()

javaScript设置定时器清除定时器

2022年08月04日浏览(89)

今天给大家介绍一下定时器的几个设置方法和定时器的清除方法！它们分别是 setTimeout 定时器、 clearTimeout 清除定时器、 setInterval 定时器和 clearInterval 清除定时器。 1、setTimeout定时器 setTimeout(function(){ console.log(欢迎来到web建站！);},2000);//只输出一次 2、clearTimeout清除定时器 var timer = setTimeout(function() { console.log(欢迎来到web建站!);},5000);clearTimeout(timer); 3、setInterval定时器 setInterval(fu

js方法实现对象转url参数

2022年08月01日浏览(55)

功能接口：多维数组中存在obj对象参数，每个对象存在不同名称的参数，把obj对象转换成url地址参数格式跳转到新的链接上。 1、数组： var theLinkArr = [{name: 百度,url: http://wwww.baidu.com,obj: {code: 0511,level: 2}}, {name: 淘宝,url: http://wwww.baidu.com,obj: {query: ipkd.cn}}, {name: 抖音,url: http://www.douyin.com,obj: {toutiao: 123,xigua: 234,douyin: 557}}] 2、方法： function objectToQuery() { let obj = arguments[0]; let prefix = arg

js字符串加密解密代码

2022年07月31日浏览(193)

功能介绍：js字符串利用加密 escape 和解密 unescape 。代码如下：加密方法： function compile(code) { var c=String.fromCharCode(code.charCodeAt(0)+code.length); for(var i=1;icode.length;i++){ c+=String.fromCharCode(code.charCodeAt(i)+code.charCodeAt(i-1)); } return(escape(c));} 解密方法： function uncompile(code) { code=unescape(code); var c=String.fromCharCode(code.charCodeAt(0)-code.length); for(var i=1;icode.length;i++){ c+=String.fromCharCode(code.charCodeAt(i)-c.

jquery删除html5属性

2022年07月30日浏览(136)

功能需求：点击按钮直接删除 html5 标签。使用 removeAttr() 删除 hidden 属性。代码如下： $(function() { $(button).click(function() { $(p).removeAttr(hidden); })})

浅谈js中split() 方法的运用

2022年07月28日浏览(77)

split() 方法用于把一个字符串分割成字符串数组。把空字符串 () 用作 separator ，那么 stringObject 中的每个字符之间都会被分割。代码如下： var str=are you ok wo name is?;var n=str.split( ,3);console.log(n)

F11全屏功能和js全屏功能冲突解决方法

2022年07月27日浏览(202)

功能介绍：右键菜单做了一个显示全屏和取消全屏功能，但是用了F11全屏后，js全屏取消不了，两种冲突了！下面介绍一下解决方法！ var isFull = Math.abs(window.screen.height-window.document.documentElement.clientHeight) = 17window.onresize = function () { isFull = Math.abs(window.screen.height-window.document.documentElement.clientHeight) = 17} // 阻止F11键默认事件，用HTML5全屏API代替window.addEventListener(keydown, function (e) { e = e

js控制右键菜单

2022年07月27日浏览(77)

功能介绍：屏蔽浏览器自带的右键菜单，自己定义一个配合自己页面的菜单，下面我们用 window.oncontextmenu 来定义一下！ 1、css控制一下div #menu {position: absolute;top: -500px;z-index: 99999;} 2、js可以直接用 window.oncontextmenu=function(e){ //取消默认的浏览器自带右键 e.preventDefault(); //获取我们自定义的右键菜单 var menu=document.getElementById(menu); //根据事件对象中鼠标点击的位置，进行定位 menu.style

2

常用标签

猜你喜欢