Welcome

首页 / 脚本样式 / JavaScript

JS中解决谷歌浏览器记住密码输入框颜色改变功能

2017-02-15 85
谷歌浏览器记住密码输入框颜色会改变，并且字体颜色会变成黑色，如图输入框原来的样式是这样的然而记住密码后，输入框颜色就变成了黄色，并且字体变成了黑色这是由于谷歌浏览器的自带样式的缘故：input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: rgb（250, 255, 189）; background-image: no...

jquery实现轮播图效果

2017-02-15 42
效果如下：代码如下：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slider</title> <style type="text/css"> *{ margin: 0; padding: 0; } #slideshow{ position: relative; width: 512p...

jQuery中 bind的用法简单介绍

2017-02-15 72
bind介绍bind（） 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。语法$（selector）.bind（event,data,function）event 必须。添加到元素的一个或多个事件如：click,mouseover,mouseup，change，selectdata 可不填。传递到函数的额外数据，如：$（selector）.bind（“click”,”input”,function（）{}）;function（）{} ...

jQuery Ajax全解析

2017-02-15 46
什么是AjaxAjax基本概念Ajax（Asynchronous JavaScript and XML）:翻译成中文就是异步的JavaScript和XML。从功能上来看是一种在无需重新加载整个网页的情况下能够更新部分网页的技术。传统的网页 想要更新内容或者提交表单就要重新加载或刷新页面。使用ajax技术的网页通过后台服务器进行少量的数据交换，网页就可以实现异步局部跟新。Ajax出现前Ajax技术出现之前，是一个同步交互的世界。同步：客户端发出请求，服务端去...

Bootstrap选项卡学习笔记分享

2017-02-15 65
本文实例为大家分享了Bootstrap选项卡的学习笔记，供大家参考，具体内容如下tab选项卡<body><div class="container"><！-- tab选项卡 --><ul class="nav nav-tabs"><li class="active"><a href="#pan1" data-toggle="tab">发现</a></li><...

JavaScript中从setTimeout与setInterval到AJAX异步

2017-02-15 46
setTimeout与setInterval执行 首先我们看一下以下代码打印结果console.log（1）;setTimeout（function（） { console.log（2）; },100）setTimeout（function（） { console.log（3）; },50）console.log（4）; 打印结果是 1、4、3、2，你可能觉得理所应当，那我们再看下下面这个例子console.log（1）;setTimeout（func...

Canvas实现动态的雪花效果

2017-02-15 41
效果如下：代码如下：<！DOCTYPE html><html><head> <meta charset="utf-8"> <title>Canvas</title> <style type="text/css"> *{ margin: 0; padding: 0; } html, body{ height: 100%; } #myCanvas{ background-col...

js实现textarea限制输入字数

2017-02-15 76
实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制，简单而实用。假设我们有一个id为 txta1 的textarea文本区，我们可以...

微信小程序-获得用户输入内容

2017-02-15 50
在微信小程序里，如何获得用户输入的内容？？js： document.getElementById（"Content"）.valuejq：$（"#Content"）.val（）在微信小程序中并不能这样写。可以通过组件的属性 bindchange 将用户输入的储存存起来test.wxml<input id="postalCode" bindchange="bindChange" type="number" placeholder="输入邮政编码" aut...

你真的了解BOM中的history对象吗

2017-02-15 48
前面的话 history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。由于安全方面的考虑，开发人员无法得到用户浏览器的URL，但借由用户访问过的页面列表，可以在不知道实际URL的情况下实现后退和前进。本文将详细介绍BOM中的history对象length history.length属性保存着历史记录的URL数量。初始时，该值为1。如果当前窗口先后访问了三个网址，history.length属性等于3 由于IE10+浏览器在初始时返回2，...

使用ionic在首页新闻中应用到的跑马灯效果的实现方法

2017-02-15 50
在app中经常会有滚动的跑马灯效果的运用，如图所示为跑马灯效果：代码如下：html：<div class="shouRight"> <ul class="slideTopbox" slide-scroll style="top:0px;"><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" r...

jQuery实现大图轮播

2017-02-15 46
css样式：*{ margin: 0; padding: 0;}ul{ list-style:none;}.slideShow{ width: 620px; height: 700px; /*其实就是图片的高度*/ border: 1px #eeeeee solid; margin: 100px auto; position: relative; overflow: hidden; /*此处需要将溢出框架的图片部分隐藏*/}.slideShow ul{ w...

Nodejs+Socket.io实现通讯实例代码

2017-02-15 56
目录结构D:. │ package.json │ server.js │ └─public index.html socket.io.js需要的条件socket.io.js 供前端界面初始化iosocket.io 供NodeJs端提供socket方法socket.io.js存在于socket.io-clientsocket.io存在于socket.io演示的功能客户端发送消息给服务端后端触发事件告知客户端客户端离开触发服务端事件服务端server.jsva...

详解javascript立即执行函数表达式IIFE

2017-02-15 69
一、IIFE解释全拼Imdiately Invoked Function Expression，立即执行的函数表达式。像如下的代码所示，就是一个匿名立即执行函数:（function（window, undefined）{ // 代码... }）（window）;二、括号的意义2.1 包住function（）{}的括号的意义这个括号的目的，是为了把function（）{}转化为表达式。像一些库的源码，喜欢用如下方式代替:~function（）{ // 代码....

判断横屏竖屏（三种）

2017-02-15 136
在做移动端页面的时候经常会遇到需要判断横屏还是竖屏。下面将目前已知的通过HTML，CSS，JS三种判断方法记录下来，方便以后翻阅。1、通过在html中分别引用横屏和竖屏的样式： <link rel="stylesheet" media="all and （orientation:portrait）" href="portrait.css" rel="external nofollow" >//引用竖屏的CSS <link rel="s...

bootstrap table 数据表格行内修改的实现代码

2017-02-15 73
js中设置列的属性 editable :{type : "text",//数据显示在文本框内emptytext : "--",//数据为空时显示validate : function（value） {if （$.trim（value） == ""） {return "不能为空";//修改是数据为空 显示}}}js中设置bootstrop-table加载数据时属性onEditableSave : function（field, row, oldValue, ...

脚本div实现拖放功能（两种）

2017-02-15 50
网页上有很多拖曳的操作，比如拖动树状列表，可拖曳的图片等。1.原生拖放实现<！doctype html><html lang="en"><head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="ht...

微信小程序 this和that详解及简单实例

2017-02-15 61
微信小程序中，在wx.request（{}）;方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。原因是，在javascript中，this代表着当前对象，会随着程序的执行过程中的上下文改变，在wx.request（{}）;方法的回调函数中，对象已经发生改变，所以已经不是wx.request（{}）;方法对象了，data属性也不存在了。...

微信小程序 详解页面跳转与返回并回传数据

2017-02-15 52
微信小程序 详解页面跳转与返回并回传数据A页面：.wxml文件<view class="flex-wrp"><text style="width: 32%;">选择城市</text><input style="width: 68%;" type="text" bindtap="city" placeholder="请选择城市" value="{{cityName}}"/> </view>.js文件...

jQuery实现用户输入自动完成功能

2017-02-15 49
利用jQuery UI中Auto-complete插件实现输入自动完成功能，大家在使用诸如淘宝、京东等电商平台搜索商品时，往往只要输入商品的一些特殊字符，就可以显示出和该字符相近的列表菜单，用户使用鼠标或者键盘方向键就可以快速选择，实现了很好的用户体验。1.最简单的用户输入自动完成<！doctype html><html lang="en"><head> <meta charset="utf-8"> <...
<< 11 12 13 14 15 16 17 18 19 20 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图