html alert 自定义

JavaScript实现自定义alert弹框

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAh0AAAFkCAYAAACEpYlzAAAfj0lEQVR4nO3dC5BddZ0n8F93pxOQCO

在项目应用中,遇到自定义关闭layer.alert弹出层,即在关闭layer.alert时,可以自动触发关闭时的事件, 具体方法为: layer.alert('爱心提示!', function(){ 自定义关闭时调用的事件}); 即在layer弹出时,点击关闭按钮,就会自动调用回调事件, 应用实例: layer.alert('发布失败!', function(){var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层

弹出框优化实例（alert和confirm）

在项目过程中会遇到需要使用自己定义的弹出框的情况.以前用过ymprompt,但是它太复杂而且不好自己操控.所以自己写了一个弹出框实例. 主要有两类弹出框alert和confirm.基于jQuery alert([title,]des[,callback]): title: 弹出框标题,string类型,可选 des: 弹出框内容描述,string类型,必须 callback: 弹出框点击按钮后的回调函数,可选效果图如下 confirm([title,]des,callback): title:

JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()

在学习目标事件的方法的时候,接触到了dispatchEvent()方法.度娘查一查,这是一个事件触发器,事件触发器其实就是触发事件的东西. 通常情况下,我们触发事件都是在交互中触发的事件,例如点击按钮(click).提交表单(submit)等.但是有的情况下,事件触发只能由程序来完成,例如ajax框架的一些自定义事件. 基本上dispatchEvent()方法用于触发自定义事件,自定义事件使用createEvent()创建事件对象,使用initEvent()初始化事件对象. 让我们照着我写的一个

JS keycode 事件响应

JS实现IOS风格对话框 jquery / zepto

Alert alert("这个是一个alert弹窗"); Alert 自定义参数 alert({ content: "自定义alert弹窗", btnText: "OK", boxClass: "custom-alert" }, function () { console.log("good!"); }); Confirm confirm("这个是一个confirm弹窗", functi

$.extend()和$.fn.extend()用法和区别

$.extend()和$.fn.extend()用法和区别: 在自己制作插件的时候会经常用到$.extend()和$.fn.extend()两个函数,无论从外观还是作用都非常的类似,但是实际上它们的区别是巨大的,下面就简单介绍一下它们的区别是什么. 在javascript中,没有尽管没有类这个概念,但是作为一门面向对象的语言,其实是有着类似于类的实际应用,那么从标准面向对象的概念来说,jQuery就是一个封装好了的jQuery类,那么通过选择器获得的就是jQuery对象实例. 一.$.ext

javascript 事件第23节

<html> <head> <title>DOM对象</title> <style type="text/css"> table#tab { border:1px solid green; border-collapse:collapse; width:400px; } #tab td { text-align:center; border:1px solid green; padding:5px; } #menu { wid

开发一个完整的JavaScript组件

作为一名开发者,大家应该都知道在浏览器中存在一些内置的控件:Alert,Confirm等,但是这些控件通常根据浏览器产商的不同而形态各异,视觉效果往往达不到UI设计师的要求.更重要的是,这类内置控件的风格很难与形形色色的各种风格迥异的互联网产品的设计风格统一.因此,优秀的前端开发者们各自开发自己的个性化控件来替代浏览器内置的这些控件.当然,这类组件在网络上已经有不计其数相当优秀的,写这篇文章的目的不是为了说明我开发的这个组件有多优秀,也不是为了炫耀什么,只是希望通过这种方式,与更多的开发者互相交

25、Javascript 事件

Javascript 事件是指 Javascript 捕获到用户的操作,并做出正确的相应. Javascript 事件一般与DOM元素绑定. Javascript处理事件的基本机制 1.对DOM元素绑定事件处理函数. 2.监听用户的操作. 3.将用户在相应的DOM元素上进行与绑定事件对应的操作时,事件处理函数做出相应. 4.将处理结果更新到HTML文档. Javascript支持的事件窗口事件(Window Events) onload 当页面加载完毕后触发 onunload 当页面被卸载

jquery 效果

效果1.基本效果 1.1 show([speed,[easing],[fn]]) 如果元素本身是可见的,则不对其作任何改变.如果元素是隐藏的,则使其可见. $("p").show("slow","linear",function(){alert("显示完全")}); $("p").show(1000,"swing",function(){alert(&q

bootstrap之noConflict的详解

翻开推特框架,不经发现,几乎所有的插件都会出现noConflict的写法来防止和其他的插件冲突!我们以button.js为例子,打开其源代码发现如下: var old = $.fn.button $.fn.button = Plugin $.fn.button.Constructor = Button // BUTTON NO CONFLICT // ================== $.fn.button.noConflict = function () { $.fn.button =

Jquery开发插件的方法

Jquery未开发插件提供了两个方法: (1)Jquery.extend(object) -为Jquery类本身添加新的方法;代码如下: $.extend({ add:function(a,b){ return a+b; } }); 调用方法:$.add(3,4) - $=Jquery 为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4); (2)Jquery.fn.extend(object) $.fn相当于Jquery

完美实现在同一个页面中使用不同样式的artDialog样式

偶然发现artDialog.js这个插件,就被其优雅的设计及漂亮的效果深深吸引,在做例子时碰到了一些想当然它应该提供但却没有提供的功能,不过这都不影响我对它的喜爱,下面说一下遇到的问题吧! artDialog.js提供了好多种弹出框样式供我们使用,但我想在同一个页面中使用它提供的不同弹出框样式,遗憾的是artDialog.js并没有提供为每一个dialog指定样式的方法或属性,那怎么办呢?且看我下面的解决办法: 我的思路是,既然每一个页面的Dialog样式都是由同一个CSS文件定义的,我何不通过

使用jQuery中trigger()方法自动触发事件

一.常用事件在页面加载完成时自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click").focus(); 还有一种简写方式: $("input").click(); 还有其它事件就不一一列出了. 二.自定义事件 $("#btn").on("myClick",function(){ alert("自定义事件"); }

PHP 使用Echarts生成数据统计报表

echarts统计,心血来潮~~ 先看下效果图看下代码 HTML页面为ECharts准备一个Dom,宽高自定义 <div class="panel panel-info"> <div class="panel-body"> <div id="echart_show" style="height:500px"></div> </div> </div>

jQuery.fn的作用是什么

jQuery.fn的作用是什么:在自定义jQuery插件中,会经常见到jQuery.fn的身影,下面就简单介绍一下它的作用到底是什么.想要认识它的本质,最好的办法直接看jQuery的源码,否则一切都是根据现象进行的猜测,难免出现失误.jQuery1.83中的代码如下: [HTML] 纯文本查看复制代码运行代码 1 2 3 jQuery.fn = jQuery.prototype = { //代码 } 由上面的代码可以清晰的看出jQuery.fn执行jQuery的原型对象.明白了上面的道理

dat.gui stats.js 通用参数配置及图像统计工具

在网上看到了一个非常好的JS烟雾效果 https://paveldogreat.github.io/WebGL-Fluid-Simulation/看源码时发现了dat.gui很好用. dat.gui 快速参数配置生成源码地址:https://github.com/dataarts/dat.gui stats.js 图形化统计性能及计数源码地址:https://github.com/mrdoob/stats.js 效果如下: 代码如下: <!DOCTYPE html> <html lang

openLayers 3知识回顾

openlayers 知识前段时间帮助同事重构一个地图类的项目,然后就学习了openLayer3这个框架,但是官网上没有中文版,也没有详细的例子解释,我只能遇到看不懂的就翻译成中文来用,为了方便以后再用这个ol,能够更快的上手,就花了几天的时间总结了ol的知识,ol功能很丰富,API也很多,没有写太多,只是写了怎么用的,只要学会了根本,就可以很快的使用API去操作map. 另外,在总结知识的同时,还写了demo,加深自己的理解,大家觉得不错的话,给个star- GitHub 那么开始吧! 目录

wangEditor编辑器 Vue基本配置项

wangEditor编辑器 Vue基本配置项 1.Vue安装方法 npm i wangeditor -S <template> <div id='wangeditor'> <div id="editor">  </div> <button @click="updata&quo

js事件的绑定与移除

事件的绑定分为3类: <div id='clickEvent'>点击事件</div> 在DOM元素中直接绑定 <div onclick="alert('4567890')">点击事件</div> <div onclick="selfEvent()">自定义函数</div> function selfEvent(){ alert('自定义函数'); } 在JS代码中绑定 <div id='c

巴特西