随笔分类 - HTML CSS
摘要：页面效果应用场景：你需要在一个弹窗中拾取一个高德的地址坐标。 1 2 3 4 5 酸奶小妹的火星坐标 6 7 26 27 28 29 30 坐标拾取工具（GCJ-02坐标） 31 说明：...
阅读全文
摘要：今天开发的时候碰到了一个奇怪的问题 Document 如上所示一样，例子很像是这个问题http://stackoverflow.com/questions/17461452/ie-8-jquery-1-7-1-element-parentsselector-returns-sib...
阅读全文
摘要：============================================================================================================================HTTP头部信息简单说明一、HTTP响应码响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1xx：信息，请求收到，继续处理 2xx：成功，行为被成功地接受、理解和采纳 3xx：重定向，为了完成请求，必须进一步执行的动作 4xx：客户端错误，请求包含语法错误或者请求无法实现...
阅读全文
摘要：一、web页面前台编码时经常用到display:none样式，平常使用时发现有几点特征需要注意 1、如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样式使元素显示的前提下，使用js代码会无法正确获得该元素的一些属性，比如offSetTop,offSetLeft等，返回的值会为0，通过js设置style.display来使元素显示后才能正确获得这些值。2、使用display:none隐藏的元素不会被百度等搜索网站检索，会影响到网站的SEO，某些情况下可以使用left:-100000px来达到同样效果。3、如果是通过样式文件或<st
阅读全文
摘要：下表显示了常见的HTTP 1.1状态代码以及它们对应的状态信息和含义。 应当谨慎地使用那些只有HTTP 1.1支持的状态代码，因为许多浏览器还只能够支持HTTP 1.0。如果你使用了HTTP 1.1特有的状态代码，最好能够检查一下请求的HTTP版本号。状态代码状态信息含义100Continue初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1新）101Switching Protocols服务器将遵从客户的请求转换到另外一种协议（HTTP 1.1新）200OK一切正常，对GET和POST请求的应答文档跟在后面。201Created服务器已经创建了文档，Location头..
阅读全文
摘要：在Windows 菜单 → Preferences → General → Content Types，选择 Text ，在下方指定默认编码为UTF-8，并在File associations下面添加文件类型，如 *.js 如果文档的编码不是UTF-8就指定成相应的编码。不过还是建议使用UTF-8编码。
阅读全文
摘要：html 文件提示不支持GBK、GB2312编码 解决原理和方法：我默认安装的jdk是多语言版本也即对多国语言包括中文编码有很好的支持。但Aptana默认并不支持中文编码。拷贝jre\lib下的charsets.jar文件到Aptana安装目录下lib下，重启Aptana。
阅读全文
摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： document.body.scrollLeft;网页
阅读全文
摘要：js实习锚的跳转<script> window.location.hash="#link1";</scritp> 页面中存在：<a name="link1">link1</a>以上是单页面的跳转，比较简单下面设计一下左右页面的跳转，左边目录右边内容的菜单式方式参考样例：http://www.mysuc.com/test/My97DatePicker/这种方式是比较简单的，左右iframe，然后通过点击目录，改变右边的锚的对应位置还有另一种是，按钮触发DIV内部的位置变动有单页但是平滑滚动 点击这里查看还有两
阅读全文
摘要：计算是字符长度<TEXTAREA class=textarea id=text1 style="WIDTH: 220px; HEIGHT: 200px" cols=100 onchange="gbcount(this,document.getElementById('used'));" onkeyup="gbcount(this,document.getElementById('used'));"></TEXTAREA>已用字数：<INPUT disabled maxLen
阅读全文
摘要：对于自适应高度的代码有很多，可效率什么的考虑进来好代码就不多见了，不过思路倒是差不多的不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大 家一种iframe动态调整高度的方法，主要是以下JS函数：第一种方法：代码简单，兼容性还可以，大家可以先测试下。function SetWinHeight(obj) { var win=obj; if (document.getElementB...
阅读全文
摘要：Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（readonly接受值更改可以回传，disable接受改但不回传数据）。一般比较常用的情况是：在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时应该将它的属性
阅读全文
摘要：基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。使用方法： vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) vReturnValue = window.showModelessDialog(sURL [, vArgu
阅读全文
摘要：经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。【1、最基本的弹出窗口代码】其实代码非常简单：<SCRIPT LANGUAGE="javascript"><!--window.open ('page.html')--></SCRIPT>因为着是一段javasc
阅读全文
摘要：iframe默认带有立体感的边框通过在iframe标签内部用frameborder="no" border="0" 这个两个属性就可以把边框去掉注：frameborder在CSS中没有此项<iframesrc="CenterForProducts.htm"id="CenterMainCenter"frameborder="no"border="0"marginwidth="0"marginheight="0"scrolling=&
阅读全文
摘要：注意：IFrame在Firefox，google 浏览器中，只要overflow-x:hidden;overflow-y:scroll就可以解决但是在IE内，XP和W98等版本中，不同版本浏览器下会出现一些差异，无法实现始终显示一个垂直或水平的滚动条总之IE内，IFrame往往是要么横纵滚动条一起显示，要么全部不显示，没有其他的选择解决方案：可以通过IFrame内部嵌套div的方式实现保留单个滚动条的方式将DIV的样式设置成overflow-x:hidden;overflow-y:scroll后，DIV只显示一个纵向滚动条可以弥补IE在IFrame上的这个问题
阅读全文
摘要：这段时间在编程过程中遇到一个很奇怪的问题，一个页面嵌套了一个iframe页面，当这个页面提交后再次跳转到本页面时，原本iframe内的页面应该刷新数据的，结果在ie下面却没刷新（FF下没问题），必须手动F5或者新开一个浏览器标签页浏览才能刷新，否则在本页面的浏览器上按回车是没用的，查阅了很多资料，最后终于发现是iframe缓存机制在搞鬼，经过网上高手指点终于发现用以下方法即可完美解决：<script type="text/javascript"> function refresh(e){ var tempUrl = e.href; if(tempUrl.inde
阅读全文
摘要：必须先告诉各位相对路径与绝对路径的概念，因为在接下来我们必须运用这个概念引用存在于同一个Web服务器下的文件或者网页，下面将先为这两种路径做个简单的介绍。 相对路径-以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。 绝对路径-以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。 其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录...
阅读全文
摘要：<html> <head> <style type="text/css"> <!-- div.test { width:400px; margin:5px auto; border:1px solid #ccc; } div.test strong { font-size:16px; background:#fff; border-bottom:1px solid #aaa; ...
阅读全文
摘要：框架页有Frame、Iframe、Frameset 3个标记，初学者容易将三者混淆，下面分别讲解三者的区别。10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。<Frameset></Frameset>用来划分框架，每一个框架由<Frame></Frame>标记。<Frame></Frame>必须在<Frameset></Frameset>之内使用，代码如下：<FRAMESET border=1 frameSpacing=1 borderColor=
阅读全文
