中华胡杨的专栏

这是本系列第一篇博客，就多啰嗦两句。被老大强制要求写HTML和CSS，因为之前写过CSS觉得特别的痛苦，那痛苦的原因估计很多人也都遇到过，就是感觉有些东西是不可控的，如果某一次能把东西放在了指定的位置上，那是good luck，但是下次就不一定有这么好的运气了。 今天就遇到一个问题，在一个div里面有一个button，我希望让这个button居中，居中嘛，就用了margin，结果是怎么都不好使，结

项目组有个项目管理网站wss，搭建在公网之上，今天上班的时候发现访问网站时会跳转到一个广告页面（原地跳转，而不是打开一个新的页面）。 嗯，这就是现象。下面记录一下整个排查过程。使用Chrome查看网络数据是如何交互的，但是这个方法无效，因为在原地跳转的一瞬间，chrome中网络的数据就已经更新了，而我们希望看到的是如何跳转到这个广告页面的。使用wireshark，过滤，抓包，终于看到，在获取到

有时候，我们希望通过JS动态生成一些元素，然后将该元素添加到（appendTo)到文档流中。而且，我们还希望在上面绑定一些事件。 看到网友有说使用live的，但是jQuery2.0并不适用，建议大家在查找资料时，注意一下自己的jQuery版本，可以少做很多无用功。比如我代码如下：$.each(content,function(i,info){ var div

最近有这样一个需求，就是在HTML页面中有个按钮导出，点击它，将构造一个文档并存储到本地文件系统中。另外还有个按钮，点击它，从本地文件系统中读取一个文件并对内容进行分析。 说白了，就是一件事，就是如何读取或写入本地文件系统中的文件。这件事情在HTML5以前是一件非常恐怖的，因为浏览器对本地文件系统有非常强的保护，似乎是一种叫做沙盒的机制，总之是，JS不可以直接操作它。所以，这个时候，要想读某个文件

问题描述： 在HTML中，有个iframe，iframe中有一些其他的小的iframe，这些小的iframe的内容是其他主机的，然后我们希望能根据子iframe中内容的高度来动态调整iframe的高度。标题是父框架与自框架的通信，因为思路是一样的。 首先，明确何为跨域？ 跨域是基于JavaScript的同源策略进行的限制。a.com域下的js文件无法操作b.com域下的js文件。简单的说，如果

手头的一个项目，根据客户的要求，在前端自动生成大量的iframe，比如90个iframe，而且这些iframe是嵌套在一个大的iframe下的，不要问我为什么这样。方案1：将动态生成的url，附加到iframe的src中，比如后端生成了90个iframe，那么将这些数据返回到浏览器，然后让浏览器自动去请求。这个时候的现象是：浏览器直接假死，就是任何操作都已经做不了了。猜想原因是：当文档加载完成时，将

需求：首先有个父级div，若干子元素如何根据父元素的位置进行相对定位？分析：看到这个需求，我首先想到的是position:relative；然而并不能满足需求。大家可以亲手试试，为啥不能满足呢？因为position:relative是指元素相对于在文档流中位置进行移动的，而不是以父元素为基准进行移动的。那如何解决？ 方法是：将父元素的position设为relative，将子元素的定位方法设为ab

需求：使用html画一个圆，圆中有个字进行说明，并且使字居中。分析：首先画圆，我第一个想法是用图片，，被骂了一顿，然后想难道用canvas画，又被骂了一顿，这才注意到CSS存在一个属性border-radius。border-radius本来是用于为div添加圆角，参数为*px或百分比，而这个值是指圆角的半径（想象一下，圆角嘛，肯定是以某个点为中心，某个点为半径来画的，而在四个角上，有了半径，实际上

问题描述： 今天在调试页面的时候遇到一个奇怪的现象，在一个父元素上面定义了一个点击事件，在父元素下面是一个一个的li标签，这上面没有任何点击事件。现象是当点击其中一个li标签时会发生一些动作。这个问题困惑了我好久，我对代码翻了好几遍，最后才确定是，点击子元素时也将会触发父元素的事件。当时我把这种现象是在父元素上定义点击事件时，实际上是在这个区域中都定义了点击事件，所以当点击子元素时，实际上也是在点

项目需求是这样的，在HTML网页上点击打印，然后弹出chrome打印窗口，窗口中是后台生成的PDF文件。其中PDF文件是由后台servlet生成的。 第一种想法是，点击打印时，弹出一个新的窗口window.open(url,"_blank");//url为生成PDF的url在这个新的页面中有PDF文件的内容，而且网页上也刚刚有打印的功能，这种看起来是最简单的，但是对用户而言，需要点击二次按钮才能真