web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程
const的正确使用方法
2022年08月10日  浏览(177)
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日  浏览(173)
功能介绍: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
阅读全文>>
js按钮控制全屏和退出全屏
2022年07月26日  浏览(57)
功能介绍:想用按钮控制页面进入全屏和退出全屏,下面给大家介绍几个函数 requestFullscreen 、 exitFullScreen ,不同浏览器名称不一样! 1、进入全屏 var docElm = document.documentElement;if (docElm.requestFullscreen) { //W3CdocElm.requestFullscreen();} else if (docElm.mozRequestFullScreen) { //FireFoxdocElm.mozRequestFullScreen();} else if (docElm.webkitRequestFullScreen) { //Chrome等docElm.webkitRequestFullScreen();} else if (elem.msRequestFullscree
阅读全文>>
利用jquery设置checkbox只读的2个方法
2022年07月25日  浏览(142)
利用 jquery 设置 checkbox 只读的2个方法:1、可以使用 attr() 给复选框(checkbox)添加 disabled 属性;2、使用 click() 设置复选框点击时不进行checkbox状态改变。 1、利用attr()给复选框添加disabled属性 $(document).ready(function() { $(button).click(function() { $(input[type=checkbox]).attr(disabled, true); });}); 2、利用click点击事件改变状态 $(document).ready(function() { $(button).click(function() { $(input[type=checkbox]).click( func
阅读全文>>
jquery获取前几个子元素的几个方法
2022年07月25日  浏览(189)
jquery获取前几个子元素的几个方法:1、利用 children() 获取全部子元素;2、利用 :lt(index) 选择器获取前几个子元素。 1、利用children()获取全部子元素 父元素.children() 2、利用:lt(index)选择器获取前几个子元素 父元素.children(:lt(index))
阅读全文>>
浅谈js中switch的4种不同写法
2022年07月25日  浏览(129)
一般情况大家认为 switch 只有一种写法,下面web建站小编收集了一个不同的 switch 写法,代码如下: 第一种写法: function switchS(score) { switch (true) { case score = 90: return 优秀; case score = 75: return 良好; case score = 60: return 合格; default: return 不合格; }} 第二种写法: function switchS(score) { return ((value, rules) = rules.find(({ t }) = t(value)).v)( score, [ { t: n = n = 90, v: 优秀 }, { t: n = n = 75, v: 良好 }, { t: n =
阅读全文>>
新手入门:掌握JS入门的几大小技巧
2022年07月20日  浏览(72)
前端入门需要了解的几个js小知识,比如找出总和、最小值、最大值、声明和初始化数组、filter过滤出数组中虚假值等等。 1、reduce找出总和、最小值和最大值 //reduce函数const array = [5,4,7,8,9,2];//求和array.reduce((a,b) = a+b); // 输出: 35//找出最大array.reduce((a,b) = ab?a:b); // 输出: 9//找出最小array.reduce((a,b) = ab?a:b); // 输出: 2 2、声明和初始化数组 const array = Array(5).fill(); // 输出(5) [, , , , ]const
阅读全文>>