分类 WEB前端 下的文章

div默认高度及高度自适应

```css height:auto!important; height:100px; min-height:100px; ``` 注释:因为!important在IE7和Firefox都可以读到,而且权重高于后面的height:100px;所以当在IE7和Firefox显示的时候,就会用了前面的height:auto!important;而IE6识别不了!important,auto对它也不管用,因此会应用了后面的height:100px的样式;而min-height:100px表示DIV最小高度为100px;此属性在IE7和firefox都可以识别。

继续阅读 »

js获取页面URL地址并判断URL是否包含具体值

js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,因为jquery没有自己相关的函数,使用js 的windows方法来获取,相关方法如下:window.location.pathname //设置或获取对象指定的文件名或路径window.location.href //设置或获取整个 URL 为字符串window.location.port //设置或获取与 URL 关联的端口号码window.location.protocol //设置或获取 URL 的协议部分window.location.hash //设置或获取 href 属性中在井号“#”后面的分段window...

继续阅读 »

CSS样式优先级

##### 一、CSS样式选择器优先级 ID选择器(形如#divMain{}) > 类(形如.divSpecial{}) > 标签(形如body{}) ##### 二、CSS文件的优先级 **1、**标有”!important”的规则有最高优先级 一个样式规则可以有一个”important”附带标签,表示该样式规则具有最高优先级。例如下面例子中,前景色被标为important。 h1{color:#FF7000 !importan; font-family:sans-serif} 注意:这种声明容易引起混乱,因此通常使用得较少。 **2、**创作者规则优先级高于浏览者规则 浏览器允许浏览者创建样式规则以覆盖系统缺省值。在此情况下,由网页创作者明确设定得样...

继续阅读 »

iframe高度自适应 高度随内容动态缩放

##### iframe高度随页面内容自适应高度,当页面高度变动时iframe高度也自动变化 **浏览器兼容:**IE6++、Firefox全系列、Chrome全系列、(其他版本浏览器未做测试,期待你测试评论反馈以完善本文,谢谢) ##### 同域环境下实现方法: 方法一:仅修改iframe父页面(iframeA.php),iframe子页面内容(iframeB.php)不用添加其他js或额外代码 iframe父页面(iframeA.php)添加代码如下: ```html function reinitIframe(){ var iframe = document.getElementById("frame_content"); try{ var bHeight = if...

继续阅读 »

高级CSS样式选择器

CSS选择器,CSS样式选择器,CSS选择器详解,高级CSS选择器,高级CSS选择器参考手册,CSS选择器参考指南 我们知道CSS 2 开始引入了属性选择器。属性选择器可以根据元素的属性及属性值来选择元素。简单的说即在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。本文主要描述CSS样式表中选择器的一些用法,当然你可能已经对CSS样式选择器不在生疏,但是通过本文你将能更好的掌握CSS样式的一些高级选择器使用。CSS是对网页设计师可用的最强大的工具之一,你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。本文向大家介绍一些常见的高级CSS样式选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。在深入研究高级CSS选择器之...

继续阅读 »

js 跳到指定页面

Javascript跳到指定页面的几种常用方法☀ Method 1:  <script language="javascript" type="text/javascript">    window.location.href="register.php?backurl="+window.location.href;   </script>    ☀ Method 2:  <script language="javascript">  ...

继续阅读 »

div+css不换行超出部分省略号显示避免半字

div+css不换行出现半字问题,推荐超出部分省略号显示:在显示文章标题时,为了提高可视性,常常要将超长部分省略,并用title提示完整标题。以下代码可用来达到超长部分用省略号显示的效果。style=”white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;”不过,这段代码在部分早期FireFox版本下面不会出现省略号,而是直接将超长文字隐藏,而且会出现半个字现象。在部分版本Firefox下解决方法让文字换行,限定行高,然后隐藏换行的部分,这样也就不会出现半个字现象了。If you find any better way to solve the issue -just comment it here s...

继续阅读 »

图片等比例缩放CSS样式:max-width:100%兼容IE6方法

图片自动等比例缩放css: max-width:100%兼容IE6、IE7、IE8、FirefoxCSS的防止图片撑破页面的代码,图片会自动按比例缩小适应当前容器的宽度。max-width, min-width, max-height 和 min-heigh是CSS2的属性,它工作于IE7以及更高版本和或者Mozilla Firefox、Chrome等支持CSS2的浏览器,但不能与IE 6和更低版本IE浏览器兼容,比较常用的解决方案是通过CSS表达式让IE6实现相同的效果。例如:如果有一个或多个图像,显示图像的宽度应该有一些限制,即图像不应该有宽度超过760px(假设),那么图像的CSS应为如下:undefined同样的方法你可以试试最小宽度、最大高度和最小高度。补充:需要注意的是IETester模拟的I...

继续阅读 »

引用百度搜索代码 乱码问题解决方法

百度自定义搜索框代码 乱码问题的解决方法百度提供了免费搜索代码,供我们在自己网站上调用百度的搜索功能,地址:http://www.baidu.com/search/freecode.html引用百度提供的免费搜索代码,如果你的网站页面使用的编码是GB2312在搜索中不会产生乱码,如果你的网站页面使用的编码是UTF-8编码,那么在搜索中将会出现乱码现象。原因是百度使用的是GB2312编码,因此需要在引用过来的百度搜索代码中指明我们需要使用的编码,方法是在form中添加一个隐藏表单项:<input name=”ie” type=”hidden”  value=”UTF-8″>经过测试这个隐藏的表单项需要紧靠着放在下面,如果放到底部依旧乱码。正确的放置如下所示:<INPUT...

继续阅读 »

html判断IE版本 根据不同IE版本加载不同CSS样式

通过HTML来判断IE版本,目的就是为了在某个特定的IE版本下,实行某个特定的JS或者进行CSS hack,IE版本中,目前最悲剧的版本就是IE6了。在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5)、IE6和IE7这三个版本中。而这3个版本对于我们制作的WEB标准网页(XHTML+CSS)解释执行的显示状况不尽相同。并 且,其他非IE浏览器与IE对某些CSS解释也不一样。所以,通过IE浏览器中的专有条件注释可有针对性的进行相关属性的...

继续阅读 »

Chrome浏览器最小字体12px限制问题解决方法

在 DIV+CSS3 的布局中,我一直以为 IE6 是最难伺候的,一会这个 bug,一会那个 bug,如果能把 IE6 摆平了,那也就天下太平了,兼容其他的浏览器应该也就不成问题。但是,我在制作新的 bo-blog 主题中碰到了一个不属于 IE 的杯具问题,在 Firefox、Opera、Safari 甚至在 IE 下都能正常显示的页面居然在 Chrome 下错位了!?这是让人无法容忍的,我可以 kill IE,但我不能把 Chrome 也给 kill 了。对于网站交互设计来说,chrome浏览器确实考虑的比较细致,针对眼视力障碍提供很好的帮助,但是为什么对于中文版的有12px限制呢?因为在中文当中,普遍使用的是宋体,宋体字体当中最小而且最清晰是12px大小,低于12px大小的文字就会看不清楚,针对中国本...

继续阅读 »

如何选择好域名?域名分析

什么样的域名是“好域名”,相信是很多朋友非常关注的,而且看网上的很多讨论,发现大家说法并不完全一样。一些朋友比较固执地坚持“短、数字、拼音”这样三大原则,其实这也没有什么,一般情况下自己喜欢的都是你自己心目中的好域名,本不关他人的事情,但如果从做站或投资的角度来讲,选择好域名可就真有讲究了。一个域名是不是好域名,其实是个复杂的问题,涉及到社会学、心理学……等多方面的知识在里面。而且根据用途的不同大家考虑的东西也不相同,如果只是做站,只要考虑与所做网站的关联程度、是否容易记忆、搜索引擎对其是否会友好等因素,如果要考虑域名的潜在价值,按现在通俗说法的“可持续性发展”,则应该要考虑更多的因素了。1、.COM是“王道”尽管现在很多地方都会告诉你.com如何如何资源贫乏,难得再有好米;告诉你某某后缀取代.com如何...

继续阅读 »

SEO 页面title标题优化要素

1.在你的标题前加上词“介绍”(introducing).2.在你的标题前加上“公告”(announcing).3.选用带有“公告”,“通告”类字眼的词语。4.在标题前加上“新”(new).5.在标题前加上“现在”(now).6.在标题前标明“最后”(at last).7.在标题里注明日期。8.以新闻样式撰写标题。9.在标题里着重强调价格。10.突出减价。11.突出特殊的商品设计服务。12.突出一种便捷的付款方案。13.突出免费服务。14.提供有价值信息。15.讲故事。16.在标题前加上“怎样才能”(how to)。17.在标题前加上“怎样”二字(how)。18.在标题前加“为什么”(why)。19.在标题前加“还有谁”(who else)。20.在标题前加“征求”(wanted)。21.以“这”为标题的...

继续阅读 »

用js实现select下拉框跳转页面

**用js实现select下拉框选择跳转页面 下拉框跳转代码** **例一:**在当前页面打开 友情链接: 请选择 未来往事 中华家居网 例如:本博客右侧栏下方的日志年月归档。 **例二:**在新窗口中打开 友情链接: 请选择 未来往事 中华家居网

继续阅读 »