前端开发 - 随笔分类 - 独孤雁

window.location 对象所包含的属性

摘要：window.location 对象所包含的属性属性描述hash从井号 (#) 开始的 URL（锚）host主机名和当前 URL 的端口号hostname当前 URL 的主机名href完整的 URLpathname当前 URL 的路径部分port当前 URL 的端口号protocol当前 URL 的协议search从问号 (?) 开始的 URL（查询部分）window.location.hash要使用 JS 定位锚点，完全可以使用 window.hash 配合元素 ID 完成。比如快速定位到页面的某条评论，则直接使用如下代码即可：window.location.hash = "#co 阅读全文

posted @ 2013-07-22 14:34 独孤雁阅读(351) 评论(0) 推荐(0)

【原】提交按钮被隐藏，回车一样提交表单

摘要：问题：提交按钮被隐藏，回车一样提交表单解决方案：document.getElementsByTagName('form')[0].onkeydown = function(e){ var e = e || event; var keyNum = e.which || e.keyCode; return keyNum==13 ? false : true;};这个问题很容易忽略阅读全文

posted @ 2013-07-10 16:57 独孤雁阅读(292) 评论(0) 推荐(0)

window.showModalDialog 的使用方法

摘要：以前为了浏览器的兼容性，在开发时从未使用过 window.showModalDialog ，从 FF3 开始已经支持 window.showModalDialog （FF2不支持此方法），GOOGLE的浏览器也是支持的（非模式窗体，与open方法打开的窗体一样），今天研究了一下具体的使用方法，如下：【注意】在IE下，弹出的模式窗体中，如果存在表单，则在提交表单时，会自动弹出一个新的窗口。解决方法：在 <head> </head>中增加如下标签即可<base target="_self" />【父窗体 1.html 】<html& 阅读全文

posted @ 2012-02-04 17:12 独孤雁阅读(854) 评论(0) 推荐(0)

【jquery插件】搜索文本高亮

摘要：在页面上搜索某个关键字，使关键词高亮；高亮样式自己可以重新定义：例如：span.highlight { color:#F00; font-weight:700}使用高亮：$(‘#fancy-text’).highLight();//清除高亮$(‘#fancy-text’).highLight(“mode”);//显示高亮查看demo：http://www.css88.com/demo/highlight/声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发转载请注明转自《【jquery插件】搜索文本高亮》阅读全文

posted @ 2012-01-31 19:01 独孤雁阅读(316) 评论(0) 推荐(0)

【jQuery插件】回到顶部

摘要：最近写了个回到顶部的插件，调用方法的$(“.go-top”).goToTop({});$(window).bind(‘scroll resize’,function(){$(“.go-top”).goToTop({});});当然可以传一些参数及参数的默认值：pageWidth:950,//页面宽度pageWidthJg:10,//按钮和页面的间隔距离pageHeightJg:50,//按钮和页面底部的间隔距离startline:20,//出现回到顶部按钮的滚动条scrollTop距离duration:200,//回到顶部的速度时间showBtntime:100,//显示\隐藏回到顶部按钮的速阅读全文

posted @ 2012-01-31 18:59 独孤雁阅读(248) 评论(0) 推荐(0)

【jQuery插件】chackTextarea-类似于新浪腾讯微博文本域字符数判断

摘要：PS:此插件存在性能问题，请慎用！敬请期待新插件，预计6月发布！项目中有一个类似于新浪腾讯微博文本域字符数判断，就是想腾讯微博和新浪微博那样，判断文本框中最多嫩输入140个字，将中文视为一个字符，将英文视为半个字符，也就是两个英文字符按一个字符计算。如果超出就提示！并且实时提示可是输入的文字数。去年也曾经写过类似一个脚本（http://www.css88.com/archives/2027），只是将上次的代码封装成了jquery插件，做了一点点的性能优化，主要是在文本域获取焦点的时候触发setInterval，文本域失去焦点就clearInterval。调用方式：view sourceprin 阅读全文

posted @ 2012-01-31 18:54 独孤雁阅读(297) 评论(0) 推荐(0)

【jQuery插件】insertContent-在文本框光标位置插入内容并选中

摘要：在文本框光标位置插入内容在实际的项目应用中经常用到，比如在文本框插入表情，首先要获取光标在文本框中的位置，当然这个有浏览器兼容性问题。IE下可以通过document.selection.createRange();获取光标位置，代码也很简单：view sourceprint?1if (document.selection) { 2pos = document.selection.createRange(); 3pos.text = "要插入的字符串"; 4}Firefox浏览器则稍微负责一点，需要首先获取光标位置，然后对value进行字符串截取处理。view sourcep 阅读全文

posted @ 2012-01-31 18:52 独孤雁阅读(494) 评论(0) 推荐(0)

jQuery图片居中裁切效果

摘要：转自“http://www.css88.com/demo/VMiddleImg/#”大家在做相册列表的时候可能会遇到这样的情况，用户上传的图片大小不一，长宽不一，然而需求的列表却是固定宽高的如图：此脚本拟达到以下需求1.当图片高或宽超过父容器时截取中间部分显示。2.当图片宽高小于父容器时，居中显示。查看demo:http://blog.dmtuan.com/demo/zmnImgCenter/demo.html初次写脚本，请尽量拍砖。脚本：?[Copy to clipboard]View Code JAVASCRIPT12345678910111213141516171819202122232 阅读全文

posted @ 2012-01-31 18:45 独孤雁阅读(1373) 评论(0) 推荐(1)

【jQuery插件】autoTextarea-文本框根据输入内容自适应高度的实例页面

摘要：转自“http://www.css88.com/demo/autoTextarea/”CSS代码： .chackTextarea-area{ line-height: 20px; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial;resize: none; padding: 0;border: 1px solid #CDCDCD; width: 400px; height: 40px}JS代码，默认的参数及调用： //默认的参数 $(".chackTextarea-ar... 阅读全文

posted @ 2012-01-31 18:42 独孤雁阅读(304) 评论(0) 推荐(0)

JQuery上传插件Uploadify使用详解

摘要：1024x768 Normal 0 7.8 磅 0 2 false false false Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。·官方下载·官方文档·官方演示·首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文阅读全文

posted @ 2011-01-12 11:31 独孤雁阅读(328) 评论(0) 推荐(0)

独孤雁

公告

随笔分类 - 前端开发