![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html/css/js
shuifa2008
喜欢计算机,喜欢编程。
展开
-
链接的onclick事件 引起页面的跳动
给一个链接添加onclick事件,删除doSomething方法通过ajax实现点击之后,确定之后发现每次页面都会跳动到页面的顶部其实是href="#" 的问题,点击后默认定位到本页面的顶部了改为:删除一切就OK了!原创 2011-04-01 15:30:00 · 1203 阅读 · 0 评论 -
html5 drawImage图片不显示问题
html5 canvas画图,调用drawImage却没有图片显示,确认图片路径没有错 var $ = function (id) { return document.getElementById(id); } var c = $("cc"); var cxt = c.getContext("2d"); // cxt.fillStyle原创 2013-04-27 17:30:36 · 4382 阅读 · 0 评论 -
jQuery插件开发全解析
http://www.iteye.com/topic/545971转载 2013-05-28 20:32:38 · 869 阅读 · 0 评论 -
js控制链接在新标签页打开,而不是新窗口
大家都知道,window.open可以新开一个窗口,但是很可能被拦截,所以本文实现一个打开新标签的方法不过值得注意的一点是:对应IE浏览器,只有IE9以上才支持document.createEvent函数,所以以下代码在IE执行的话要IE9以上才行主要是通过模拟链接点击事件,直接上码: Title $(function() {原创 2013-06-07 15:30:08 · 32431 阅读 · 0 评论 -
div显示在底部(一种固定不变,另一种随页面上下翻动而动)
html, body, #wrap{ height: 100%; width:100%;padding:0px; margin:0px;} #main{padding-bottom: 0px;} /* 必须使用和footer相同的高度 */ #footer { left:0px;转载 2013-08-30 16:31:41 · 3519 阅读 · 0 评论 -
jquery获取节点内容之html与contents
table的内容通过动态的方式添加,其中包括input框,根据select框的选择ajax展示不同的内容想通过缓存来保存select切换之前的整个表格数据,于是使用$().html()的方式,可是有个问题就是输入input框的内容没有获取到如期望值里的内容没有被复制改用$().contents(),搞定参考:http://api.jquery.com/contents/原创 2013-10-14 19:14:38 · 2269 阅读 · 0 评论 -
ie中使用float:right出现换行的解决办法
今天写css,发现了ie的一个bug,真的很令人烦恼啊,下面就来说说是什么问题。有段html代码:神奇的世界More..css:span { float:right; }看了代码就知道,我想达到的效果是一个栏目标题栏,“神奇的世界”字样在左边,“More..”字样在右边。但是,有时就是事与愿违啊,在ff和chrom中都能达到想要的效果,但在ie中就出转载 2013-10-25 19:07:22 · 897 阅读 · 0 评论 -
我知道你不知道的负Margin--负margin浅谈
现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。负margin理论:在说明什么是负margin之前,你得清楚margin是个啥么玩意,如果还不清楚可以先阅读本人的前一篇文章《不要告诉我你懂margin》,预补下知识转载 2013-10-28 16:35:11 · 4104 阅读 · 0 评论 -
background-position 用法详细介绍
background-position 用法详细介绍语法: background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top转载 2013-10-28 15:34:32 · 833 阅读 · 0 评论 -
学习Javascript闭包(Closure)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直转载 2014-06-27 15:23:55 · 517 阅读 · 0 评论 -
jquery textarea值的更新与获取 text() vs val()
看了一些文档,说text()方法内部使用.textContent()原创 2014-11-14 16:10:00 · 16767 阅读 · 2 评论 -
jquery $.ajax status为200 却调用了error方法
$.ajax({ url: "", type: "POST", data: { flow_id : "", flowchart : "" }, error: function(ht){原创 2014-11-14 18:15:42 · 52602 阅读 · 9 评论 -
Fiddler 教程
Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的http和https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说,都有很大的帮助。阅读目录Fiddler的基本介绍Fiddler的工作原理同类的其它工具Fiddler如何捕获Firefox的会话Firefox 中使用Fiddler插件Fiddler如何捕转载 2013-04-18 16:23:21 · 807 阅读 · 0 评论 -
Emmet:HTML/CSS代码快速编写神器
原文地址:http://www.iteye.com/news/27580转载 2013-04-18 11:24:04 · 571 阅读 · 0 评论 -
document.body.scrollTop 值总为0的解决方法
做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top = document.body.scrollTop + "px";}可是怎转载 2009-09-24 21:22:00 · 901 阅读 · 0 评论 -
KE编辑器设置 图片上传显示不了
最近项目中用到KE编辑器,从官网打包下载了刚开始用,觉得很强大,也容易,可是当我点击图片上传的时候,却总是显示在等待中的那个图标,我苦苦等待的选择图片路径框怎么也不出现。于是我怀疑可能是我的KE设置错了,Google了好多网页都找不到解决方案,也没发现特别的设置问题啊。苦思冥想,查看官方的使用说明,阅读js文件,再看上传图片的处理文件等还是找不到问题的所在。最后还是一个论坛原创 2011-04-01 15:53:00 · 1960 阅读 · 0 评论 -
让内层div将外层div撑开
在CSS排版中,如果一个层中的层使用了float浮动的话,那么就有可能会出现外层没有被内层撑开的情况,如以下代码所示:[xhtml] view plaincopydiv style="width:300px; background-color:Red;"> 测试 div style="width:100px; he转载 2013-04-06 19:26:09 · 995 阅读 · 0 评论 -
经验分享:CSS浮动(float,clear)通俗讲解
首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。 注意,以上这些理论,是指标准流中的div。 小菜认为,无论多么复杂的布局,其基本出发点转载 2013-04-07 15:40:20 · 626 阅读 · 0 评论 -
1k的js代码能干嘛,请看
JS1k都是牛人的代码更多精彩 ,请看http://js1k.com/2012-love/http://js1k.com/2012-love/demo/1262原创 2013-03-28 18:23:22 · 1274 阅读 · 0 评论 -
对frameset、frame、iframe的js操作
注:要实现iframe对父窗口或者对兄弟窗口的操作,他们的url必须是相同域名、相同的端口以及协议(ftp、http、https)下才能有效例如本地浏览器访问(file:///C:/Users/heroyan/Desktop/tt.htm)是获取不到兄弟frame的location的否则报错:Unsafe JavaScript attempt to access frame with UR转载 2013-03-28 11:26:29 · 1163 阅读 · 0 评论 -
nodejs npm安装不了 设置代理
nodejs npm安装不了 设置代理C:\Users\heroyan>npm install lessnpm http GET https://registry.npmjs.org/lessnpm http GET https://registry.npmjs.org/lessnpm http GET https://registry.npmjs.org/lessnpm ERR!原创 2013-04-11 14:46:11 · 8364 阅读 · 0 评论 -
ZeroClipboard 完美实现复制粘贴功能、跨浏览器兼容
注:在本地通过文件浏览方式是不能复制成功的,要放到web服务器目录下,通过http网址访问才能复制ZeroClipboard是通过flash+js实现复制到剪切板功能,浏览器兼容性好。工作原理大概是:在“复制”按钮上遮罩一个透明的flash,flash被点击后,会调用其的剪切板处理功能,完成对文本内容的复制。下载 ZeroClipboard文件,需要把ZeroClipboard.j转载 2013-04-09 12:31:55 · 2814 阅读 · 0 评论 -
基于vertical-align的表单元素垂直对齐方式研究
最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依然不能完美对齐。如下图所示:于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.转载 2013-04-15 19:39:10 · 712 阅读 · 0 评论 -
IE的浏览器模式和文档模式
1.浏览器模式与文档模式概念在较新的IE浏览器中(如IE8, IE9, IE10),为了解决兼容性的问题,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式。 浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版转载 2013-04-15 19:55:49 · 2856 阅读 · 0 评论 -
js urlencode , encodeURIComponent
js 对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。 例如:document.w转载 2013-04-24 10:42:19 · 703 阅读 · 0 评论 -
为防止window.open被浏览器拦截, 使用a标签打开
var newWin = function(url, id) { //为防止window.open被浏览器拦截,此处使用a标签打开 var a = document.createElement('a'); a.setAttribute('href', url); a.setAttribute('target', '_bla...原创 2018-06-07 17:09:28 · 3253 阅读 · 1 评论