- 浏览: 96637 次
- 性别:
- 来自: 北京
最新评论
-
mmww1024:
爱吃肉的菜鸟 写道楼主你最后那个函数里为什么要加1?因为取得是 ...
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟:
懂了
【转】JavaScript中常见的字符串操作函数及用法 -
爱吃肉的菜鸟:
楼主你最后那个函数里为什么要加1?
【转】JavaScript中常见的字符串操作函数及用法
文章列表
解决chrome里禁用浏览器文字大小调整的功能
- 博客分类:
- css
Chrome浏览器在解析字体大小时,最小字号为12px,小于这个大小的字号都会解析成12px,当你把一行文字设为10px时Chrome浏览器会按12px来解析。 解决这个问题的方法是用Chrome的私有属性禁用浏览器文字大小调整的功能。
html { -webkit-text-size-adjust:none; }
<script type="text/javascript" src="js/pptBox.js" defer="defer"></script>
插入在<head>里
type:脚本语言的类型
src:文件路径,可以是外部文件链接
defer:脚本将延迟到遇到</html>标签后再执行
七、动态创建HTML内容
document.write()方法
把字符串插入到文档里
document.write(“<p>This is inserted.</p>”);
缺点:没有分离js与html,尽量不用
innerHTML属性
Var testdiv = document.getElementById(“testdiv ”);
testdiv.innerHTML =”<p>This is inserted.</p>”;
优点:分离了html,但是应该少用,因为是一项专利,不是 ...
注:大写数字代表书中的章节
二、语法
数 组
var beat=Array(4);
beat[0]="John";
beat[1]="Paul";
beat[2]="Lucy";
beat[3]="LiHua";
var beat=Array("John","Paul","Lucy","LiHua");
var beat=Array(123,456,789,false);
var beat=[&q ...
jQuery对象与dom对象相互转换(转)
- 博客分类:
- Jquery
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。
什么是jQuery对象?
---就是通过jQuery包装DOM对象后产生的对 ...
用特殊符号,比如:▲▼●◆■★▶◀♠♥♣☎❤◤☄☢❉☂❁✿❉*等,制作小图标,这些图标都是用文本写的,可以设置其背景颜色,制作出非常精巧的效果。
如下图:
Jquery 事件冒泡(转)
- 博客分类:
- Jquery
什么是JS事件冒泡?
:
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事
件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对
象层次的最顶层,即document对象(有些浏览器是window)。 (摘自网络
)
如何来阻止Jquery事件冒泡?
通过一个小例子来解释
<!DOCTYPE html PUBLIC "-//W3C// ...
CSS部分
div类
1. 居中问题
div里的内容,IE默认为居中,而FF默认为左对齐
可以尝试增加代码margin:auto
2. 高度问题
两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让出空间
所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%;
但当这个div里面一级的元素都float了的时候,则需要在div块的最后,闭和前加一个沉底 ...
一、!important (功能有限)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:
#example {
width: 100px !important; /* IE7+FF */
width: 200px; /* IE6 */
}
二、CSS HACK的方法(新手 ...
最全的CSS浏览器兼容问题
- 博客分类:
- css
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并
整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加
DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题
设置为float的di ...
css实现强制不换行/自动换行/强制换行
- 博客分类:
- css
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
============================================
CSS设置不转行:
overflow:hidden 隐藏
white-space:normal 默认
pre 换行和其他空白字符都将受到保护
nowra ...
针对Chrome和Safari等Webkit核心浏览器的CSS hack代码:
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Webkit内核兼容CSS */ }
示
例: @media screen and (-webkit-min-device-pixel-ratio:0) { .font1
{color:#f00} .border1 {border:1px solid #f00;} .bg3 {background:#f00;}
}
除此之外,还有专门针对某个浏览器的C ...
jQuery选择器中的注意事项
- 博客分类:
- Jquery
1.选择器中含有特殊符号的注意事项(eg:"·"、"#"、"("、"]")
解决办法,使用转义符转义
$('#id\\#b'); //转义特殊符“#”
$('#id\\[1\\]') //转义特殊字符“[]”
2.选择器中含有空格的注意事项
举例说明:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional ...
jQuery开发工具和插件
- 博客分类:
- Jquery
1.Dreamweaver
jQuery语法提示功能插件:http://code.google.com/p/jquery-api-zh-cn/downloads/list
名为:jQuery_api_for_dw4.rar 或 jQuery_api_for_dw3.rar
2.Aptana
Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括:JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能。 Outliner(大纲):显示JavaScript,HTML和CSS的代 ...
解决jQuery和其他库的冲突
- 博客分类:
- Jquery
如果你的项目中有多种
JavaScript
库,比如同时存在
prototype.js
和
jquery.js
。为了避免
$
对象的冲突,我们可以使用
jQuery
中的
.noConflict()
来解决冲突,需要注意引入
JavaScript
库的顺序。
jQuery库在其他库之后导入:
写法
1
:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtm ...