shuifa2008的专栏

给一个链接添加onclick事件，删除doSomething方法通过ajax实现点击之后，确定之后发现每次页面都会跳动到页面的顶部其实是href="#" 的问题，点击后默认定位到本页面的顶部了改为:删除一切就OK了！

html5 canvas画图，调用drawImage却没有图片显示，确认图片路径没有错 var $ = function (id) { return document.getElementById(id); } var c = $("cc"); var cxt = c.getContext("2d"); // cxt.fillStyle

http://www.iteye.com/topic/545971

大家都知道，window.open可以新开一个窗口，但是很可能被拦截，所以本文实现一个打开新标签的方法不过值得注意的一点是：对应IE浏览器，只有IE9以上才支持document.createEvent函数，所以以下代码在IE执行的话要IE9以上才行主要是通过模拟链接点击事件，直接上码： Title $(function() {

html, body, #wrap{ height: 100%; width:100%;padding:0px; margin:0px;}        #main{padding-bottom: 0px;}        /* 必须使用和footer相同的高度 */        #footer        {            left:0px;         

table的内容通过动态的方式添加，其中包括input框，根据select框的选择ajax展示不同的内容想通过缓存来保存select切换之前的整个表格数据，于是使用$().html()的方式，可是有个问题就是输入input框的内容没有获取到如期望值里的内容没有被复制改用$().contents()，搞定参考：http://api.jquery.com/contents/

今天写css，发现了ie的一个bug，真的很令人烦恼啊，下面就来说说是什么问题。有段html代码：神奇的世界More..css:span { float:right; }看了代码就知道，我想达到的效果是一个栏目标题栏，“神奇的世界”字样在左边，“More..”字样在右边。但是，有时就是事与愿违啊，在ff和chrom中都能达到想要的效果，但在ie中就出

现如今，负margin技术的应用可谓越来越广，任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一，许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。负margin理论：在说明什么是负margin之前，你得清楚margin是个啥么玩意，如果还不清楚可以先阅读本人的前一篇文章《不要告诉我你懂margin》，预补下知识

background-position 用法详细介绍语法： background-position : length || length background-position : position || position 取值： length  : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位  position  : top

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直

看了一些文档，说text()方法内部使用.textContent()

$.ajax({ url: "", type: "POST", data: { flow_id : "", flowchart : "" }, error: function(ht){

Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据. 使用Fiddler无论对开发还是测试来说，都有很大的帮助。阅读目录Fiddler的基本介绍Fiddler的工作原理同类的其它工具Fiddler如何捕获Firefox的会话Firefox 中使用Fiddler插件Fiddler如何捕

原文地址：http://www.iteye.com/news/27580

做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top = document.body.scrollTop + "px";}可是怎

最近项目中用到KE编辑器，从官网打包下载了刚开始用，觉得很强大，也容易，可是当我点击图片上传的时候，却总是显示在等待中的那个图标，我苦苦等待的选择图片路径框怎么也不出现。于是我怀疑可能是我的KE设置错了，Google了好多网页都找不到解决方案，也没发现特别的设置问题啊。苦思冥想，查看官方的使用说明，阅读js文件，再看上传图片的处理文件等还是找不到问题的所在。最后还是一个论坛

在CSS排版中，如果一个层中的层使用了float浮动的话，那么就有可能会出现外层没有被内层撑开的情况，如以下代码所示：[xhtml] view plaincopydiv style="width:300px; background-color:Red;">      测试      div style="width:100px; he

首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：          可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。       注意，以上这些理论，是指标准流中的div。       小菜认为，无论多么复杂的布局，其基本出发点

JS1k都是牛人的代码更多精彩 ，请看http://js1k.com/2012-love/http://js1k.com/2012-love/demo/1262

注：要实现iframe对父窗口或者对兄弟窗口的操作，他们的url必须是相同域名、相同的端口以及协议（ftp、http、https）下才能有效例如本地浏览器访问(file:///C:/Users/heroyan/Desktop/tt.htm)是获取不到兄弟frame的location的否则报错：Unsafe JavaScript attempt to access frame with UR

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!

注：在本地通过文件浏览方式是不能复制成功的，要放到web服务器目录下，通过http网址访问才能复制ZeroClipboard是通过flash+js实现复制到剪切板功能，浏览器兼容性好。工作原理大概是：在“复制”按钮上遮罩一个透明的flash，flash被点击后，会调用其的剪切板处理功能，完成对文本内容的复制。下载 ZeroClipboard文件，需要把ZeroClipboard.j

最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.

1.浏览器模式与文档模式概念在较新的IE浏览器中（如IE8, IE9, IE10），为了解决兼容性的问题，引入了浏览器模式和文档模式两个概念，浏览网页时可以通过按F12键看到这两种模式。 浏览器模式的主要作用是为兼容较早版本的IE，它会控制浏览器发出的UserAgent，表示以哪个版本的浏览器发出请求，以此来允许为某个特定IE版本设计的代码正确执行（举例来说：有些代码真是判断ie版

js 对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、   传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                            例如：document.w

var newWin = function(url, id) { //为防止window.open被浏览器拦截，此处使用a标签打开 var a = document.createElement('a'); a.setAttribute('href', url); a.setAttribute('target', '_bla...