JS
关注
分享
扫一扫
凌冰_
分享知识带给我的快乐！帮助他人就是帮助自己。
希望更多人能关注，来分享我的成果！
希望大家快快乐乐的学习，开开心心的畅游知识的海洋。
展开
-
JS 传统的Ajax无刷新数据
封装Ajax/** * method:向服务器发送请求的方式：get（请求数据）、post（提交数据） * url:文件路径或者接口地址 * asy：true:异步；false：同步 * fn：处理服务器返回数据的函数 * */ function ajax(method,url,asy,fn){ // function ajax(method,url,asy){ // 1.创建Ajax对象 if(window.XMLHttpRequest){ var objAjax..原创 2020-08-24 10:55:19 · 178 阅读 · 0 评论 -
JS 读取JSON数据
JSON数据：var infos = { "name": "Aimee", "age": 18, "boyfriend": true, "dog": { "name": "旺财", "sex": "男", "color": "yellow" }, "cars":[ { "name":"宝马", "type":"X11系列" }, { "name":"爱玛", "type":"C11系列" }, { "name":"婴儿",...原创 2020-08-24 10:40:01 · 1134 阅读 · 0 评论 -
JS 事件冒泡应用（一）
<html onclick="fn(4)"> <head> <meta charset="utf-8"> <title>事件冒泡</title> <style type="text/css"> #box { background: coral; width: 200px; height: 200px; margin: 0px auto; } #sub { b...原创 2020-08-19 11:31:49 · 202 阅读 · 0 评论 -
JS 鼠标右键菜单跟着鼠标走使用
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{ width: 100px; height: 100px; background: coral; display: none; /*绝对定位*/ position: absolute; left:1...原创 2020-08-19 11:21:46 · 478 阅读 · 0 评论 -
JS 鼠标右键菜单使用
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{ width: 100px; height: 100px; background: coral; display: none; position: absolute; left:10...原创 2020-08-19 11:18:45 · 167 阅读 · 0 评论 -
JS 阻止事件冒泡兼容性
<html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { background: coral; width: 200px; height: 200px; display: none; } </style> </head> &l...原创 2020-08-19 11:13:29 · 270 阅读 · 0 评论 -
JS 使用节点实现简单购物车数量和金额
一、 购物车中商品数量二、计算金额HTML页面:<html> <head> <meta charset="UTF-8"> <title>购物车</title> <link rel="stylesheet" type="text/css" href="css/car.css" /> </head> <body> <div align="center">..原创 2020-08-17 17:27:59 · 1516 阅读 · 0 评论 -
JS 操作节点的使用
名称 描述 document.createElement(“元素名”) 创建元素节点 document.createTextNode(“文本”) 创建文本节点 A.appendChild(B) 把B节点追加至A节点的末尾 insertBefore(A,B) 把A节点插入到B节点之前 ...原创 2020-08-17 17:13:50 · 154 阅读 · 0 评论 -
JS 模仿京东秒杀倒计时
使用定时器页面：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ height: 300px; width: 200px; background-color: red; } .box2{ padding-top: 10px; .原创 2020-08-14 11:40:15 · 809 阅读 · 1 评论 -
JS 节点属性和Element属性
节点属性 parentNode 返回节点的父节点 childNodes 返回子节点集合，childNodes[i] firstChild 返回节点的第一个子节点，最普遍的用法是访问该元素的文本节点 lastChild 返回节点的最后一个子节点 nextSibling 下一个节点 previ.原创 2020-08-14 11:01:37 · 268 阅读 · 0 评论 -
JS childNodes,firstChild,firstElementChild,children用法
在JS中获取元素子节点时候，使用childNode()遇到了一些问题，找了一些资料总结如下。首先，用于测试先规定好HTML： <div> <p> <span></span> <span></span> <span></span> </p> <div></div> </div> 1 c原创 2020-08-14 10:54:23 · 659 阅读 · 1 评论 -
JS 预解析机制
作用域链: 由子级到父级寻找变量浏览器在解析js代码时是从上到下解析的解析顺序如：（1）预解析 找var和function（2）逐行代码解析 表达式 函数调用 fn1()函数内部再发生 { （1）预解析 （2）逐行代码解析 }案例1： var a = 1; //全局变量 function fn1(a) { //把a作为参数传进来，但是并没有在他的局部...原创 2020-08-12 11:18:03 · 149 阅读 · 0 评论 -
JS 数组去重复的数据
数组去掉重复的数据：（1） 用双重循环，使用标识来确定是否有相同数据// 1.数组排重 var arr =[4,5,4,90,45,5,68,4]; //新数组 var news=[]; for(var i=0;i<arr.length;i++){ //新数组中没有元素 flag=false; //新数组 for(var k=0;k<news.length;k++){ //判断 if(arr[i]==news[k]){ flag=true;.原创 2020-08-07 11:12:02 · 126 阅读 · 0 评论 -
JS Date日期的使用
Date() 分两大系列 （1） get系列（及获取时间） （2） set系列（及设置时间） （1） get系列的方法 1.getDate() 返回一月中的某一天； 2.getDay() 返回一周中的某一天（0-6 0代表周日，6代表周一） 3.getFullyear() 返回四位数的年份； 4.getMonth() 返回月份，（比实际情况小...原创 2020-08-07 10:25:19 · 214 阅读 · 0 评论 -
JS 如何判断 undefined
JS时常遍历数据时,就会显示undefined! typeof 返回的是字符串,有六种可能:"number" "String" "boolean" "object" "function" "undefined"if(typeof(value)!="undefined"){ alert(value); } JS 中如何判断 nullvar ext = null;原创 2016-10-11 16:20:44 · 599 阅读 · 0 评论 -
JS 实现简单的操作（数量，单价，金额）
JS实现简单的操作 // 通过值改变事件： 根据商品ID，获得价格 function fun(strs){ //获得值 var str = strs.value; //获得价格 var price = str.split("_")[1]; document.getElementById("price").valu原创 2016-10-03 10:59:12 · 6862 阅读 · 0 评论 -
JS 输入框只能输入数字
说明：onkeyup=按键抬起触发， onafterpaste=粘贴之后触发 onkeypress =按下并放开任何字母数字键时触发 onbeforepaste=粘贴之前触发 onkeydown 按下任何键盘键（包括系统按钮，如箭头键和功原创 2016-10-03 11:19:52 · 474 阅读 · 0 评论 -
JS 谷歌关于document.documentElement.scrollTop 值为0
谷歌浏览器不支持document.documentElement.scrollTop，值0的问题 信息显示浮动层时，IE、Firefox下都能显示正常，但Chrome下出现了浮动层永远显示在上面，经过仔细分析，发现Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.scrollTop后，则显示正常。 由...原创 2018-12-25 15:57:10 · 7044 阅读 · 0 评论 -
JS 浅谈JavaScript之事件
转载：https://www.cnblogs.com/wangjiming/p/9983023.html一 简述JavaScript及其在浏览器中的地位（一） 浏览器主要构成虽然不同浏览器之间存在差异(如Google Chrome,Firefox,Safari和IE等)，但单从浏览器构成来说，大同小异，大致可归结为如下几类：1.User Interface(用户界面)：所谓用...转载 2019-03-01 11:50:04 · 893 阅读 · 0 评论 -
JS 保留2位小数点
源代码：//保留2位小数点function moneyFormat(val) { // 如果是空的,则返回0.00 if(val == "" || val == null) { return "0.00"; } //获得小数值 var value = Math.round...原创 2019-02-26 11:40:37 · 801 阅读 · 0 评论 -
正则表达式30分钟入门教程
分类：正则表达式目录(?)[+]正则表达式30分钟入门教程(第二版)本文目标30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。如何使用本教程别被下面那些复杂的表达式吓倒，只要跟着我一步一步来，你会发现正则表达式其实并不像你想像中的那么困难。当然，如果你看完了这篇教程之后发现自己明白了 很多转载 2016-01-26 15:31:11 · 277 阅读 · 0 评论