javascript
关注
分享
扫一扫
文章平均质量分 70
shaonian1996
这个作者很懒，什么都没留下…
展开
-
PHP+Ajax+Mysql省市县三级联动
php+ajax+mysql省市县三级联动效果图：数据表设计（来自php中文网）：链接：https://pan.baidu.com/s/10P2ueF8JpJ5v2W4HsJtfWQ 密码：5q7iparent_id：父级的id；region_name：地区名称；region_type：地区类型（省：1，市：2，县：3）；html...原创 2018-10-29 22:08:36 · 594 阅读 · 1 评论 -
ajax有关的问题
ajax有关的问题：1： 通过事件或定时器触发2：表单的提交按钮类型不能是submit，form元素内不用填写method和action3：调用：button.onclick = function(){ ajax({ method : 'post', //以post方式提交数据 url : 'blog.php', //...原创 2018-07-25 16:33:07 · 498 阅读 · 0 评论 -
js随机广告的制作
js随机广告的制作var adver = [];adver[1] = { 'title' : '雅仕潮品长袖条纹T恤女纯棉2018春秋季新款女装韩版修身一字领打底衫 白色条纹', 'pic' : 'images/adver_1.png', 'link' : 'https://item.jd.com/23783908504.html'};adver[2] = { 'title' ...原创 2018-07-24 17:42:51 · 3884 阅读 · 0 评论 -
ajax提交表单状态码0的原因
ajax提交表单状态码0的原因使用ajax提交的表单html:<form> 用户名：<input type="text" name="user"> 密码：<input type="password" name="pass"> <input type="button" name="submit&qu原创 2018-06-09 21:46:46 · 573 阅读 · 0 评论 -
js实时获取并显示当前时间的方法
<!DOCTYPE html><html lang="en"><head><meta charset="gb2312"><title></title><script type="text/javascript"> window.onload=f转载 2018-06-23 19:20:50 · 1627 阅读 · 0 评论 -
javascript的严格模式
Javascript 严格模式详解 转自 阮一峰的网络日志 ...转载 2018-04-18 21:07:50 · 125 阅读 · 0 评论 -
侧边栏固定定位的应用
侧边栏固定定位的应用以京东为例：示例图以及背景图 问题：1：用image-position取图。略2：position：fixed固定定位。3：完成动画，使用jquery库。思路：定位：如果使用left，当改变浏览器大小时会出现差错，所以采用right=0。布局：如果只用一张背景图做的话，当鼠标移入时，改变width的值，背景图片的position值，添加文本，及背景颜色，文本， ...原创 2018-03-23 18:38:06 · 1903 阅读 · 0 评论 -
javascript实战——弹窗居中
javascript实战——弹窗居中思路：1 为了弹出时不影响整体布局，定位采用absolute；2 弹出时，出现遮罩，将这遮罩层的层次z-index低于弹窗；3 弹窗居中，让其top等于（整个可见屏幕高-弹窗高）/2，left等于（整个屏幕宽-弹窗宽）/2即：top=(ocument.documentElement.clientHeight-offsetHeight)/2+'px'; ...原创 2018-02-24 22:03:08 · 985 阅读 · 0 评论 -
javascript内置对象
javascript内置对象一：Global全局对象这个对象是不存在的，不属于任何其他对象的属性和方法都属于它。属性和方法：1：URI编码方法：encodeURI()对汉字编码；encodeURIComponent()对任何非标准字符进行编码。decodeURI()对汉字解码；decodeURIComponent()对任何非标准字符进行解码。var str='//ab...原创 2018-02-24 16:10:58 · 1107 阅读 · 0 评论 -
relative相对定位实现—侧边栏固定
javascript实战——侧边栏固定问题：1 什么事件？ 2 什么时候发生时间？ 3 事件函数什么？思路：滚动条事件；在一定滚动范围内发生；让其重新定位。思路：1 添加滚动条事件：window.onscroll=function(){}2 求出滚动范围：当滚动高度：scrollHeight>侧边栏据浏览器上方的距离且scrollHeight<中间高度-侧边高度+侧边据浏览器的高度；3...原创 2018-02-24 16:09:17 · 1048 阅读 · 0 评论 -
a链接执行javascript的方法
a链接执行javascript的方法目的：禁止跳转，直接执行a链接绑定的函数href="javascript:;"，其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好...原创 2018-08-22 18:42:50 · 7333 阅读 · 0 评论 -
js的变量提升
普通变量声明：<script type="text/javascript"> alert(a); //报错 a is not defined var a = 1;</script> 变量提升：<script type="text/javascript"> alert(a); //un...原创 2018-08-17 08:24:43 · 114 阅读 · 0 评论 -
轮播器连续点击问题
轮播器连续点击问题目的：当一次轮播结束方可点击进行下一次轮播方法：如果轮播器使用的是transition：动画未结束不可再进行下次轮播 var flag = false; oRight.onclick = function(){ if(flag) return; //如果是true表示动画未结束...原创 2018-08-22 22:53:36 · 1046 阅读 · 0 评论 -
深入理解javascript中的富文本编辑
原文出处：https://www.cnblogs.com/xiaohuochai/p/5884206.html方式 有两种编辑富文本的方式，一种是使用iframe元素，另一种是使用contenteditable属性【1】iframe 在页面中嵌入一个包含空HTML页面的iframe。通过设置designMode属性，这个空白的HTML页面可以被编辑，而编辑对象则是该页面<...转载 2018-10-13 19:24:21 · 289 阅读 · 0 评论 -
js设置placeholder
问题：当用户输入表单信息不合法是加亮placeholder首先将加亮后的信息写在css指定的类里如：.error.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: red; font-weight: bold; }.error::-moz-placeholder { /* Mozilla F...原创 2018-10-03 10:16:11 · 4019 阅读 · 0 评论 -
function类型
function类型函数内部属性在函数内部，有两个特殊的对象：arguments和this。arguments是一个类数组对象，包含着传入函数中的所有参数，主要用途是保存函数参数。但这个对象还有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数。递归应用：function box(num) { if (num <= 1) { r...原创 2018-08-24 15:57:18 · 647 阅读 · 0 评论 -
时间日期与正则表达式
时间日期与正则表达式一 时间日期对象 Date()var box = new Date();alert(box.getTime()); //获取日期的毫秒数，和 valueOf()返回一致alert(box.setTime(100)); //以毫秒数设置日期，会改变整个日期alert(box.getFullYear()); ...原创 2018-08-24 15:47:46 · 7426 阅读 · 0 评论 -
js数组的方法
js数组的方法转换方法1 对象或数组都具有toLocaleString()、toString()和valueOf()方法。其中toString()和valueOf()无论重写了谁，都会返回相同的值。数组会讲每个值进行字符串形式的拼接，以逗号隔开。var a = [1,2,3];console.log(a); //1，2，3 2 默认情况下，数组字符串都会以逗号隔开。如果使用j...原创 2018-08-24 15:37:09 · 185 阅读 · 0 评论 -
BOM
BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。一 window对象BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义 win...原创 2018-08-24 15:02:15 · 168 阅读 · 0 评论 -
js显示实时日期和时间
js显示实时日期和时间原理：每隔1s重新获取一下时间并显示出来结果图示： 代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>首页</title></head><body&a原创 2018-08-24 14:55:14 · 21064 阅读 · 4 评论 -
js自定义右键
js自定义右键思路：1：阻止系统自带右键菜单：使用上下文事件contextmenu 2：先将自定义菜单隐藏在触发上下文事件时显示自定义菜单； 3：点击文档其它处隐藏菜单结果图示：代码：html：<!DOCTYPE html><html><head> <meta charset="u...原创 2018-08-23 23:06:06 · 1998 阅读 · 0 评论 -
浏览器的兼容
浏览器的兼容1：窗口的位置和大小IE、Safari、Opera 和 Chrome 都提供了 screenLeft 和 screenTop 属性，分别用于表示窗口相对于屏幕左边和上边的位置。 Firefox 则在 screenX 和 screenY 属性中提供相同的窗口位置信息，Safari 和 ...原创 2018-08-23 22:37:41 · 309 阅读 · 0 评论 -
DOM元素尺寸和位置
一 获取元素大小1 通过内联获取元素的大小<body> <div id="box" style="width: 100px;height: 100px"></div></body> <script type="text/javascript"> var box=document.getElementB原创 2018-02-24 16:07:51 · 665 阅读 · 0 评论 -
javascript实战——回到顶部
javascript实战——回到顶部思路：1：定位为固定定位;2：鼠标事件；3：滚动事件；4：定时器。html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>回到顶部</title> <link rel="stylesh原创 2018-02-24 16:05:09 · 174 阅读 · 0 评论 -
javascript创建对象的几种方法及优缺点
javascript创建对象的几种方法及优缺点1：普通方法：1):字面量方法：var box={name:'苏',age:22,run:function(){return this.name+this.age}2):new 方法：var box=new Object();box.name='苏';box.age=22;box.run=function(){return this.name+this...原创 2018-02-18 13:00:27 · 1281 阅读 · 0 评论 -
正则表达式
正则表达式1 创建正则表达式的方法：1：new运算符：var pattern=new RegExp('box','ig') 第二个参数是可选模式修饰符i:忽略大小写,g:全局匹配。2：字面量：var pattern=/'box'/ig2 测试正则表达式：RegExp对象有两个方法：test()和exec();test():查找是否存在指定的正则表达式，返回布尔值，有返回true，没有返回...原创 2018-02-17 23:01:18 · 135 阅读 · 0 评论 -
javascript实战——瀑布流
javascript实战——瀑布流html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>瀑布流</title> <link rel="stylesheet" type="text/css"原创 2018-02-28 13:39:57 · 180 阅读 · 0 评论 -
javascript数据类型转换
javascript数据类型转换基本类型：Number,String,Boolean,Undefined,Null。引用类型：Object。类型转换：一 其它类型转化为Number。1:String转化为Number：1）数值字符串，直接转化；2）含字符，转化为NaN;3 ) 字符串为空，2：Boolean转化为Number：true==1;false==0;3 :Undefined直接转化为Na...原创 2018-02-17 17:05:55 · 128 阅读 · 0 评论 -
原生JS封装库——CSS下
CSS选择器id选择器；类选择器；元素节点选择器。改写成更简单的方式：$('#main .a p')这种形式创建好的库：function Base(){};new出Base对象的方法：var $=function(){return new Base()}思路：调用时：$('#main .a p').......之前函数$()没有传参，所以从参数入手。如果参数以#或 . 开头，就把#或.后面的部分作...原创 2018-02-17 16:08:03 · 514 阅读 · 0 评论 -
原生JS封装库——CSS上
原生JS封装库之CSS上实现以下目标：1 连缀：类似：$().getId('main').css('color','red').html('标题')；步骤：1 因为要在原型里写方法，所以采用函数式对象，即构造函数。 2 将获取节点的方法和设置或获取属性及其他所有的方法写在Base对象里。调用时只需new出一个Base对象。3 避免在前台new出对象，在基础库里写一个方法var $=funct...原创 2018-02-16 20:31:40 · 619 阅读 · 0 评论 -
javascript三种输出方式
javascript三种输出方式1):使用window.alert()弹出警告框。2):使用document.write()方法将内容写到html文档中。3):使用console.log()写入到浏览器的控制台。1 使用弹出警告框通过alert()方法输入数据，代码如下：window.onload=function(){ alert('弹出警告框');}效果： 2 直接写入到html文档中通...原创 2018-02-10 19:41:35 · 3216 阅读 · 0 评论 -
javascript保留N位小数
函数实现将传入的浮点型数字转化为需要的N位小数1 方法一 字符串截取法function f(num,index){ //传入两个参数：要操作的小数，要保留的位数 var str1=String(num); //将类型转化为字符串类型 var str=str1.substring(0,str1.indexOf('.')+index+1); ...原创 2018-02-11 15:49:42 · 1776 阅读 · 0 评论 -
百度分享
更多操作：http://share.baidu.com/code/advance<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>网页分享</title></head><body>转载 2018-02-26 18:22:21 · 205 阅读 · 0 评论 -
javascript继承的几种方式
javascript继承的几种方式PS:javascript只支持继承不支持接口实现。1：原型链继承：function Box(){ this.name='苏';}function Desk(){ this.age=22;}Desk.prototype=new Box(); //通过原型链继承Box对象里的属性和方法var desk=new Desk();alert(desk.na...原创 2018-02-18 15:30:18 · 176 阅读 · 0 评论 -
javascript基本包装类型
javascript基本包装类型三种基本包装类型：Boolean类型，Number类型，String类型字面量声明方式和new声明方式；1 Boolean类型：无特定的属性或方法；2 Number类型：1)静态属性（直接调用无须new运算符）MAX_VALUE:最大值；MIN_VALUE:最小值。NaN：非数字。NEGATIVE_INFINITY：负无穷大，超过返回该值;POSITIVE_INFI...原创 2018-02-21 20:11:57 · 159 阅读 · 0 评论 -
javascript代码规范
javascript代码规范转自：点击打开链接JavaScript 代码规范所有的 JavaScript 项目适用同一种规范。JavaScript 代码规范代码规范通常包括以下几个方面:变量和函数的命名规则空格，缩进，注释的使用规则。其他常用规范……规范的代码可以更易于阅读与维护。代码规范一般在开发前规定，可以跟你的团队成员来协商设置。变量名变量名推荐使用驼峰法来命名(camelCase): fi...转载 2018-03-03 12:56:30 · 308 阅读 · 0 评论 -
javascript实战——tab切换
tab切换1 布局一：图示：html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>tab切换</title> <link rel="stylesheet" type="text/css"原创 2018-02-22 22:37:54 · 214 阅读 · 0 评论 -
javascript实战——万年历查询
javascript实战——万年历查询思路：1：动态添加年，月；2：封装遍历方法；3：添加日：判断平年还是闰年；每个月的第一天是星期几；html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>万年历</title> <link r原创 2018-03-02 16:25:16 · 746 阅读 · 0 评论 -
javascript实战——列表切换
javascript实战——列表切换图示：1：2：问题：1：列表图片切换；2：下面内容区排版变化；思路：1：列表图片切换：通过background-position改变；2：下面内容区排版变化：通过改变class值；第一步：原始排版html:<!DOCTYPE html><html><head> <meta charset="utf-8"> ...原创 2018-03-01 16:47:36 · 975 阅读 · 0 评论 -
流程控制语句
流程控制语句语句种类：类型 子类型 语法 声明语句 变量声明语句 var box = 100; 标签声明语句 label : box; 表达式语句 变量赋值语句 box = 100; 函数调用语句 box(); 属性赋值语句 box.property = 100; 方法调用语句 box.method(); 分支语句 条件分支语句 if () {} else {} 多重分支语...原创 2018-02-22 17:02:29 · 157 阅读 · 0 评论