js知识点
文章平均质量分 82
js知识点
厚积薄发的Cicci
每个人技能都有觉醒期 只是时间早晚得问题
展开
-
40 个前端超强项目使用代码, 直接体现基本功
前端项目超强实用代码原创 2023-08-08 14:50:29 · 813 阅读 · 0 评论 -
JavaScript 中常用简写语法技巧总结
js语法 简写技巧原创 2023-08-08 14:28:00 · 413 阅读 · 0 评论 -
js处理数组 ,对象 ,格式问题汇总(持续更新)
let arr = [ { 'id': '1', 'name': '小红', }, { 'id': '2', 'name: '小白', }, { 'id': '3', 'name': '小黄', }];// 使用map()生成数组let new_arr = arr.map(obj => {return obj.name})// 输出 ['小红','小白','小黄']...原创 2021-06-03 18:44:48 · 1589 阅读 · 0 评论 -
表单密码强度判断代码
**HTML**<form name="form1" method="post" action="xxx.aspx" id="form1"> <div id="pnBefore" class="t_zc_tc_a_tizhuce_a"> <div class="t_zc_tc_a_tizhuce_bg"> <div class="ywz_zhuce_bao" style="height: 580px; paddi原创 2020-12-14 09:46:45 · 1344 阅读 · 2 评论 -
(傻瓜式升级版)js简单易懂的teb切换选项卡
**代码简洁,一看就懂****html**<div class="tab-wrap" id="J_tab"> <ul class="tab-list"> <li class="tab-item cur">选项1</li> <li class="tab-item">选项2</li> <li class="tab-item">选项3</li>原创 2020-12-09 15:21:55 · 278 阅读 · 0 评论 -
js回到顶部代码
**html**<div class="index"> <ul> <li> <img src="https://www.jq22.com/img/cs/500x500-1.png" alt=""> </li> <li> <img src="https://www.jq22.com/img/cs/500x500-1.png"原创 2020-12-09 14:05:30 · 356 阅读 · 0 评论 -
js新年倒计时
**html**<div class="gn_box"> <h1> <font color="#E80017">2</font> <font color="#D1002E">0</font> <font color="#BA0045">2</font> <font color="#A3005C">0</font>原创 2020-12-09 13:59:42 · 273 阅读 · 0 评论 -
【自创】傻瓜式tab选项卡切换代码
**html:**<div style="width: 70%;margin:0 auto;height: 400px;"> <ul class="nav"> <li><a ref="menu_a" onclick="topNav(this)" class="nav_btn_active">菜单1</a></li> <li><a ref="menu_b" onclick="原创 2020-12-09 13:53:16 · 341 阅读 · 0 评论 -
解决前端对应后台的导出接口 window.open()提交数据 参数过长的问题
一般 window.open 传参数都是用Get.方式,在url后面拼接参数。但这样有时候并不适用,如:1)不想被看到参数信息2)参数过长,get有限制会被截断3)可能有中文编码问题所以需要用post方式 ,下面说的就是一种window.open发送post请求的方法。网页的post一般是通过form表单的方式来实现的,所以现在来模拟form表单的方式来实现window.open效果。 var winHeight = window.document.documentElement.clien原创 2020-08-19 10:37:59 · 3743 阅读 · 2 评论 -
总结Js对字符串的切割与截取方法
对于字符串的切割截取平时所用可能不是特别多,而且分的比较细,所以自备自查。有备无患故总结出以下几种:1.函数:split()功能:使用一个指定的分隔符把一个字符串分割存储到数组例子:var str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”);console.log(arr)2.函数:join()功能:使用您选择的分隔符将一个数组合并为一个字符串var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png原创 2020-07-28 16:48:53 · 471 阅读 · 0 评论 -
Query利用JSON数据动态生成表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> ta原创 2020-07-13 17:06:17 · 345 阅读 · 0 评论 -
js动态生成多行多列复选框
本例目标:获取后台数据集合,将集合的某个字段,比如:姓名,以复选框形式显示在HTML页面应用场景:获取数据库的人员姓名,将其显示在页面,供多项选择效果如下:一、后台查询数据库,返回List集合形式给页面二、HTML设置一个div,里面动态加载人员姓名<div id="result" style="background-color:#FFE4B5; width:300px; "> </div>三、JS(1)dealDa原创 2020-07-01 17:15:34 · 1359 阅读 · 0 评论 -
localStorage,session,cookie页面存值
localStorage页面存值var username = $("#cms_login_username").val();var password = $("#cms_login_passward").val();localStorage.setItem(“username”, $("#cms_login_username").val());页面取值:var se = localStorage.getItem("username");localStorage.setItem("key","v原创 2020-06-30 16:55:50 · 162 阅读 · 0 评论 -
封装好的倒计时函数
function getRTime() {var EndTime = new Date("2020/01/01 00:00:00"); //截止时间var NowTime = new Date();var t = EndTime.getTime() - NowTime.getTime();var d = Math.floor(t / 1000 / 60 / 60 / 24);var h = Math.floor(t / 1000 / 60 / 60 % 24);var m = Ma原创 2020-06-30 16:42:36 · 224 阅读 · 0 评论 -
js回车键登录
<html xmlns="http://www.w3.org/1999/xhtml" ><head><title>Check Score</title><script language="JavaScript">function keyLogin(){ if (event.keyCode==13) //回车键的键值为13 document.getElementByIdx_x("input1").click(); //调用登录按钮的原创 2020-06-30 16:41:34 · 116 阅读 · 0 评论 -
JS页面跳转传值
a页面跳转传值:$("#view").click(function () {var url = “…/contract/contracts.html?path=” + path;window.location.href = url;})b页面接受: function getQueryString(name) {var reg = new RegExp(’(^|&)’ + name + ‘=([^&]*)(&|$)’, ‘i’);var r = window.locat原创 2020-06-30 16:40:14 · 345 阅读 · 0 评论 -
如何取到对象中的某个值
$.ajax({ type: "post", url: basePath + '/Type/Category', // data: "data", dataType: "json", success: fu...原创 2020-06-30 16:31:36 · 4203 阅读 · 0 评论 -
事件委托原理及代码展示
事件委托: 事件委托就是利用冒泡的原理,把事件加到父元素或祖先元素上,触发执行效果<ul id="list"><li id="item1" >item1</li><li id="item2" >item2</li><li id="item3" >item3</li></ul>var item1 = document.getElementById(“item1”);var item2 = doc原创 2020-06-30 16:21:07 · 342 阅读 · 0 评论 -
原生js实现Ajax的原理
Ajax(Asynchronous JavaScript and XML)表示异步的js与xml。有别于传统web的同步开发方式。原理:通过XMLHttpRequest对象向服务器发送异步请求,从服务器获得数据,然后使用js操作DOM更新数据。该对象是ajax的核心机制,他是在IE5中首先引入的,是一种支持异步请求的技术。通过ajax可以及时的向服务器提出请求和处理响应,而不阻塞用户,达到无刷新更新部分页面的效果。XMLHttpRequest这个对象的属性有:onreadystatechange原创 2020-06-30 16:18:39 · 223 阅读 · 0 评论