Javascript
文章平均质量分 62
ljihe
这个作者很懒,什么都没留下…
展开
-
javascript內容向上不間斷滾動
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2016-07-26 20:02:23 · 234 阅读 · 0 评论 -
JavaScript--execCommand指令集
execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。处理Html数据时常用 如下格式:document.execCommand(sCmd,交互方式, 动态参数) 。其中:sCmd 为指令参数(如下例中的"2D-Position");交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的"false"即表示不显示对话框);动转载 2016-08-04 18:37:06 · 311 阅读 · 0 评论 -
html contenteditable
contenteditable 是html中的一個屬性,在HTML中,某些元素設置 contenteditable='true' 屬性時可以開啟該元素的編輯模式,contenteditable 可以讓div 或整個網頁,或者span等等元素設置為可寫,我們最常用的是 input 、textarea 文本輸入元素來輸入內容,但這些也只能夠輸入純文本,而 contenteditable 開啟後能夠輸原创 2016-08-04 18:37:53 · 796 阅读 · 0 评论 -
去掉android点击事件产生的半透明蓝色背景
在wap开发过程当中,当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的蓝色背景,若要重设这个表现 ,可以利用css3: *{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}还可以通过js,将click事件监听改为监听touchstart事件;原创 2016-08-04 18:40:10 · 1422 阅读 · 0 评论 -
javascript 可控速度的上下拉菜单
样式部分styletype="text/css">*{ margin:0; padding:0; border:none; background:none;}ul,li{ list-style:none;}.side-nav-list{ width:200px; background:#eee; border:#666 1px solid; padding:5px 10px;原创 2016-08-04 18:41:24 · 999 阅读 · 0 评论 -
Emoji表情处理
//php对于 Emoji表情的处理//当接收内容需要转换时://preg_replace_callback('/[\xf0-\xf7].{3}/','cal_fun', $str)function cal_fun($r){return '@E' . base64_encode($r[0]);}//当内容输出需要转换时://preg_replace_callback('/@E原创 2016-08-04 18:53:03 · 794 阅读 · 0 评论 -
js 实现弹框后页面不滚动
现在有一个在wap网页上面的需求,就是点击用户相册的时候,弹出一个html层显示头像,再加上个半透明遮罩层,当用户滚动页面的时候,背景页面不能滚动,当用户再次点击图片隐藏弹框层后,页面恢复滚动,所有用了下面这种方式实现:这里只概括主要功能实现的js代码首先要写一个闭包方法:var event_f = function(e){e.preventDefault();}这个方法下面监听要原创 2016-08-18 11:27:37 · 7039 阅读 · 0 评论 -
JS表单验证
//手机号码/^1[34578][0-9]{9}$///字符验证(只能包括中文字、英文字母、数字和下划线)/^[A-Za-z0-9\u4e00-\u9fa5_-]+$/i//Email/^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+///座机/^0\d{2,3}-\d{7,8}(-\d{1,6})?转载 2016-07-20 21:55:35 · 436 阅读 · 0 评论 -
js 根据时间范围获取之间的日期
现在有个需求,就是根据所选择的开始日期与结束日期,然后根据这个日期范围来列出之间每天的日期。原创 2017-02-14 17:49:34 · 6169 阅读 · 0 评论 -
ajax异步表单提交,并实现文件上传
公司的同事在前端开发的过程中,希望通过ajax的提交方式来提交表单数据,并且需要同时实现文件的上传操作,因此,我找时间写了一个demo,做了下测试,并且成功了。下面就是简单的实现代码: 标题: 内容: function tosubmit(){原创 2017-09-29 22:02:48 · 423 阅读 · 0 评论 -
jq實現網頁個性title
DOCTYPE html>html content="text/html; charset=UTF-8">title>tooltiptitle>script src="jquery-1.10.2.min.js" type="text/javascript">script>head>body>style type="text/css">#tooltip{ position:ab原创 2016-08-04 18:36:20 · 320 阅读 · 0 评论 -
獲取 Textarea 的光標位置(摘自網絡)
在任何编辑器中,获取光标位置都是非常重要的,很多人可能认为较难,其实只要处理好浏览器的兼容,还是比较容易实现的。下面我们一起来看看如何获取到 Textarea 元素中的光标位置。首先,我们用 rangeData 对象作为数据存储,并获得焦点:var rangeData = {start: 0, end: 0, text: "" };textarea.focus();对转载 2016-08-04 18:30:02 · 339 阅读 · 0 评论 -
javascript 鼠標拖動功能
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Typ原创 2016-08-04 18:27:41 · 369 阅读 · 0 评论 -
javascript jquery對form元素的常見操作
1.下拉框 select :移除option$("#ID option").each(function(){ if($(this).val() == 111){ $(this).remove(); }});添加option$("UPS Ground").appendTo($("#ID"));取得下拉选单的选取值//取下拉原创 2016-07-20 21:35:12 · 313 阅读 · 0 评论 -
监听输入框值的即时变化onpropertychange、oninput
很多时候,我们都希望能够限制文本框的输入字数,例如添加新闻的时候,想给搞要添加一个限制,输入不超过300字符。若要达到这样的效果,我们需要捕获即时事件。需要了解的知识首先,我们需要了解onchange和onpropertychange的不同:IE下,当一个HTML元素的属性改变的时候,都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须转载 2016-07-20 21:44:17 · 347 阅读 · 0 评论 -
javascript下漢字和Unicode編碼互轉代碼
近日在為網站做一資料功能,這些顯示在頁面上面的文字數據都是存放在js文件裏面的,由於這些js文件裏面的中文都是經過unicode編碼的,頁面上顯示是沒有問題的,問題是我做的網站是繁體中文,而js文件裏面的中文數據是簡體中文,這樣的話,我就要把這些數據從簡體轉成繁體,如果直接的從沒有經過編碼的文件裏簡體轉繁體,用工具轉就行了,例如我常用convertZ,但現在是,文件的中文已經經過unicode編碼转载 2016-07-20 22:01:03 · 359 阅读 · 0 评论 -
js存/讀取cookie函數
/*---------------------------Cookie操作---------*cookieName cookie名稱*cookieValue cookie值*seconds 設置過期時間,單位秒*path 存放路徑*domain 定義域*secure 默认情况下cookie在网路原创 2016-07-21 18:21:21 · 247 阅读 · 0 评论 -
讓iframe自適應高度
寫代碼的過程中,遇到一個問題,就是用iframe加載一個動態的頁面,也就是iframe加載的這個頁面不是固定高度的。剛開始的時候我給iframe寫各種各樣的樣式,但效果都不能令我滿意,所以就到網上去搜一下這方面的資料,最後我選擇了像下面這樣的js方式代碼,這裏只是適應高度,寬度其實是一樣道理,就不寫那麼多了,這段js的原理,其實就是在一段很短的時間內不斷的去運行一段js方法,在方法裏面去獲取到if原创 2016-07-21 18:26:49 · 257 阅读 · 0 评论 -
jQuery 對table的基本操作
一、鼠标移动到行更换背景色:css样式:.hover{ background-color: #cccc00; }Js脚本:$(document).ready(function () { //鼠标移动到行变色,单独建立css类hover //tr:gt(0):表示获取大于 tr index 为0 的所有tr,即不包括表头 $("#table转载 2016-07-21 18:28:27 · 463 阅读 · 0 评论 -
javascript touch事件
touchstart : 當手指觸摸屏幕時觸發;即使已經有一個手指放在了屏幕上也會觸發。touchmove : 當手指在屏幕上滑動時連續的觸發,在這個事件發生期間,商用preventDefault()可阻止滾動。touchend : 當手指從屏幕上移開時觸發。 除了常見的DOM屬性處,觸摸事件還包含下列三個用於跟蹤觸摸的屬性: touches : 表原创 2016-08-04 18:20:46 · 262 阅读 · 0 评论 -
簡單的內容移動展示
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type"原创 2016-08-04 18:24:49 · 244 阅读 · 0 评论 -
grunt前端构建工具的使用
这几天学习了一下grunt,并运用到工作项目中,使用grunt的的目的在于提高工作效率,优化前端程序。grunt前端构建工具一直都很火,很久之前就已经对它有了解,但一直没有真正运用到实际工作中,这几天刚好有了这个想法,就决定把它用到我的工作项目里面去。首先需要了解的是,grunt和grunt的插件都是通过npm安装并管理的,npm是node.js的包管理器。也就是想要使用grunt,那么首先你要安...原创 2018-02-12 16:39:50 · 384 阅读 · 0 评论