Bookmarks of WebdesignRSS地址： http://fyfybookmark.blogspot.com/feeds/posts/default
共有7篇文章被收藏推荐
收录于2007-09-09
认领
报错
推荐
1
最新文章
精华文章
1位订阅者
外層DIV高度不適應是指當內層對象的高度發生變化時，外層對象的高度不能自動進行調節。特別當內層對象使用了padding或margin定義后，問題更加明顯。上內層DIV中的內容下這個問題不是IE專屬的，有時候Firefox下也會出現。解決方法：插入一個“邏輯占位”層<div...
外層DIV高度不適應是指當內層對象的高度發生變化時，外層對象的高度不能自動進行調節。特別當內層對象使用了padding或margin定義后，問題更加明顯。
這個問題不是IE專屬的，有時候Firefox下也會出現。
解決方法：插入一個“邏輯占位”層
<div id="clear-div"></div>
其style定義如下
#clear-div{height:0; overflow:hidden;}
效果如下：
上
內層DIV中的內容
下
這個問題不是IE專屬的，有時候Firefox下也會出現。
解決方法：插入一個“邏輯占位”層
<div id="clear-div"></div>
其style定義如下
#clear-div{height:0; overflow:hidden;}
效果如下：
上
內層DIV中的內容
下
[By Fyfy Wong @ otest.cn]
在版本6以下的IE里，在元素CSS中使用"position:fixed"無法達到將元素抽離數據流并浮動的效果。對此的解決辦法是：設置CSS屬性html, body{height:100%; overflow:...
在版本6以下的IE里，在元素CSS中使用"position:fixed"無法達到將元素抽離數據流并浮動的效果。對此的解決辦法是：
Fake position:fixed in IE6
Position:fixed for Internet Explorer
Original Posts:設置CSS屬性
html, body{
height:100%; overflow: auto;}
然后將需要fixed效果的元素設置為position:absolute;
即可解決問題。
對于一些分辨率低的屏幕，瀏覽器可能會出現兩條豎直滾動條，對此可以有以下解決方法
html{overflow-x:auto; overflow-y:hidden;}
body{height:100%; overflow:auto;}
Fake position:fixed in IE6
Position:fixed for Internet Explorer
[By Fyfy Wong @ otest.cn]
獲取瀏覽器類型：function CheckBrowser(){var cb = "Unknown";if(window.ActiveXObject){ cb = "IE";}else if(navigator.userAgent.toLowerCase().indexOf("firefox") != -1){ cb = "Firefox";}else if((typeof document.implementation != "undefined") && (typeof document.implementation.createDocument != "undefined") && (typeof HTMLDocument != "undefined")){ cb =...
獲取瀏覽器類型：
function CheckBrowser(){
var cb = "Unknown";
if(window.ActiveXObject){
cb = "IE";
}else if(navigator.userAgent.toLowerCase().indexOf("firefox") != -1){
cb = "Firefox";
}else if((typeof document.implementation != "undefined") && (typeof document.implementation.createDocument != "undefined") && (typeof HTMLDocument != "undefined")){
cb = "Mozilla";
}else if(navigator.userAgent.toLowerCase().indexOf("opera") != -1){
cb = "Opera";
}
return cb;
}
獲取瀏覽器寬度和高度：
function test(){
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
alert(s);
}
注：
Original Posts:
利用Javascript判断浏览器类型
如何获取浏览器页面区域的宽度和高度？
function CheckBrowser(){
var cb = "Unknown";
if(window.ActiveXObject){
cb = "IE";
}else if(navigator.userAgent.toLowerCase().indexOf("firefox") != -1){
cb = "Firefox";
}else if((typeof document.implementation != "undefined") && (typeof document.implementation.createDocument != "undefined") && (typeof HTMLDocument != "undefined")){
cb = "Mozilla";
}else if(navigator.userAgent.toLowerCase().indexOf("opera") != -1){
cb = "Opera";
}
return cb;
}
獲取瀏覽器寬度和高度：
function test(){
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
alert(s);
}
注：
上述代碼是能用在html的声明下，在XHMTL1.0的就不行了。应该把BODY换成documentElement，得到文档的父元素。
IE:document.documentElement.offsetHeight/document.documentElement.offsetWidth
FF:window.innerHeight/window.innerWidth
Original Posts:
利用Javascript判断浏览器类型
如何获取浏览器页面区域的宽度和高度？
[By Fyfy Wong @ otest.cn]
来源：常用ASCII码对照表更多：ASCII代码表（0-255）[By Fyfy Wong @ otest.cn]
来源：常用ASCII码对照表
更多：ASCII代码表（0-255）
来源：常用ASCII码对照表
更多：ASCII代码表（0-255）
[By Fyfy Wong @ otest.cn]
设置表单中所有文本型的成员的值为空(清空)var form = window.document.forms[0]for (var i = 0; i if (form.elements.type == "text"){form.elements.value = "";}下拉列表框的值document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)焦点顺序document.getElementByid("表单元素").tabIndex =...
设置表单中所有文本型的成员的值为空(清空)
var form = window.document.forms[0]
for (var i = 0; i if (form.elements.type == "text")
{form.elements.value = "";}
下拉列表框的值
document.forms[0].selectName.options[n].value
(n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
焦点顺序
document.getElementByid("表单元素").tabIndex = 1
innerHTML的值是表单元素的值:如"how are you"
则innerHTML的值就是:how are you
innerTEXT的值和上面的一样,只不过不会把这种标记显示出来
防止用户对文本框中输入文本:onfocus="this.blur()"
数学函数
Math.PI(返回圆周率)
Math.SQRT2(返回开方)
Math.max(value1,value2)返回两个数中的最大值
Math.pow(value1,10)返回value1的十次方
Math.round(value1)四舍五入函数
Math.floor(Math.random()*(n+1))返回随机数
定义日期型变量
var today = new Date();
日期函数
dateObj.getTime()得到时间
dateObj.getYear()得到年份
dateObj.getFullYear()得到四位的年份
dateObj.getMonth()得到月份
dateObj.getDate()得到日
dateObj.getDay()得到日期几
dateObj.getHours()得到小时
dateObj.getMinutes()得到分
dateObj.getSeconds()得到秒
dateObj.setTime(value)设置时间
dateObj.setYear(val)设置年
dateObj.setMonth(val)设置月
dateObj.setDate(val)设置日
dateObj.setDay(val)设置星期几
dateObj.setHours设置小时
dateObj.setMinutes(val)设置分
dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]
设置时间间隔
setInterval("expr",msecDelay)
或setInterval(funcRef,msecDelay)
或setTimeout
防止链接文字折行
document.body.noWrap=true
返回第n个字符的ASCii码值
string.charCodeAt(n)
测试是否为数值型
isNaN(变量)
定义常量的关键字:const
定义变量的关键字:var
var form = window.document.forms[0]
for (var i = 0; i if (form.elements.type == "text")
{form.elements.value = "";}
下拉列表框的值
document.forms[0].selectName.options[n].value
(n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)
焦点顺序
document.getElementByid("表单元素").tabIndex = 1
innerHTML的值是表单元素的值:如"how are you"
则innerHTML的值就是:how are you
innerTEXT的值和上面的一样,只不过不会把这种标记显示出来
防止用户对文本框中输入文本:onfocus="this.blur()"
数学函数
Math.PI(返回圆周率)
Math.SQRT2(返回开方)
Math.max(value1,value2)返回两个数中的最大值
Math.pow(value1,10)返回value1的十次方
Math.round(value1)四舍五入函数
Math.floor(Math.random()*(n+1))返回随机数
定义日期型变量
var today = new Date();
日期函数
dateObj.getTime()得到时间
dateObj.getYear()得到年份
dateObj.getFullYear()得到四位的年份
dateObj.getMonth()得到月份
dateObj.getDate()得到日
dateObj.getDay()得到日期几
dateObj.getHours()得到小时
dateObj.getMinutes()得到分
dateObj.getSeconds()得到秒
dateObj.setTime(value)设置时间
dateObj.setYear(val)设置年
dateObj.setMonth(val)设置月
dateObj.setDate(val)设置日
dateObj.setDay(val)设置星期几
dateObj.setHours设置小时
dateObj.setMinutes(val)设置分
dateObj.setSeconds(val)设置秒 [注意:此日期时间从0开始计]
设置时间间隔
setInterval("expr",msecDelay)
或setInterval(funcRef,msecDelay)
或setTimeout
防止链接文字折行
document.body.noWrap=true
返回第n个字符的ASCii码值
string.charCodeAt(n)
测试是否为数值型
isNaN(变量)
定义常量的关键字:const
定义变量的关键字:var
[By Fyfy Wong @ otest.cn]
