- 飘一代 - 51CTO技术博客-领先的IT技术博客

网络技术博客

注册 | 登录忘记密码？

51cto首页 | 博客 | 论坛 | 招聘

热点文章

你会划分和聚合子网吗?

文章

iframe自适应高度

iframe自适应高度

2008-09-23 12:19:45

这贴比较长，没有耐性的朋友请直接拖到帖子末尾的代码示例，或者直接去玩我提供的Demo。
Demo页面：主页面 iframe_a.html ，被包含页面 iframe_b.htm 和 iframe_c.html
下面开始讲：
通过Google搜索iframe 自适应高度，结果5W多条，搜索iframe 高度自适应，结果2W多条。
我翻了前面的几十条，刨去大量的转载，有那么三五篇是原创的。而这几篇原创里面，基本上只谈到如何自适应静的东西，就是没有考虑到JS操作DOM之后，如何做动态同步的问题。另外，在兼容性方面，也研究的不彻底。
这篇文章，希望在这两个方面再做一些深入。
可..

类别：js | 阅读全文(8) | 回复(0)

offsetLeft offsetHeight offsetTop clientWidth offsetWidth

offsetLeft offsetHeight offse..

2008-09-23 12:18:41

clientHeight 获取对象的高度，不计算任何边距、边框、滚动条，但包括该对象的补白。
clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop 获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth 获取对象的宽度，不计算任何边距、边框、滚动条，但包括该对象的补白。
offsetHeight 获取对象相对于版面或由父坐标 offsetParent..

类别：js | 阅读全文(3) | 回复(0)

解决showModelessdialog和showModaldialog弹出的窗口不能查看源代码的问题

解决showModelessdialog和showModaldialog弹出的窗..

2008-09-18 18:22:23

在弹出的页面上加上

<input type="button" value="保存" onclick="document.execCommand('SaveAs')">

可以把该页面保存下来，查看源代码。

类别：js | 阅读全文(11) | 回复(1)

动态增加元素的事件

动态增加元素的事件

2008-09-18 18:17:45

<input id=test>
<script language="JavaScript"><!--
test.attachEvent("
function clk()
{
alert("OK");
}
alert(test.outerHTML);
------------------------------------------------------------------
<input id=test>
<script>
test.onclick = "clk(..

类别：js | 阅读全文(13) | 回复(0)

innerText,innerHTML,outerText,outerHTML比较

innerText,innerHTML,outerText,outerHTML比较

2008-09-18 18:10:02

改变html文档中的内容非常简单，这里提供四个属性，innerText,outerText,innerHTML,outerHTML。
   innerText就是改变标签当中的内容，纯文本
   innerHTML是改变标签中的内容，可以包含html标签
   outerText是改变包含标签的内容，也就是替换了标签，纯文本
   outerHTML是改变包含标签在内的内容，也是替换标签，可以包含html代码
   例：
   <H1 id=myH1>Dynamic Content is Very Cool!</H1>
    用innerText:
  ..

类别：js | 阅读全文(2) | 回复(0)

捕获input 文本框内容改变的事件(onchange,onblur,onPropertyChange比较)

捕获input 文本框内容改变的事件(onchange,onblur,..

2008-09-18 18:04:56

input 文本框内容改变，我们可以使用onchange或者onblur来进行判断，但是onchange是在文本内容改变，然后失去焦点的时候发生，onblur是在失去焦点时候发生，不会自己去判断。
网上一位老兄采用如此方法：
<input type="text" id="testId" readonly onPropertyChange="showValue(this.value)" />
<script>
function dochg(){
document.getElementById("testId").value = "test"
}
setTimeout("dochg()",1000)
function showValue(obj){
alert("changed value is " + obj);
}
</script>
受到启发：..

类别：js | 阅读全文(39) | 回复(0)

js 验证数字

js 验证数字

2008-09-16 10:14:12

<script>
//检查是否为任意数（实数）
function isNumeric(strNumber) {
var newPar=/^(-|\+)?\d+(\.\d+)?$/
return newPar.test(strNumber);
}
//检查是否为正数
function isUnsignedNumeric(strNumber) {
var newPar=/^\d+(\.\d+)?$/
return newPar.test(strNumber);
}
&nbs..

类别：js | 阅读全文(16) | 回复(0)

jsp中可以保存下载.txt,.doc等任何类型的文件

jsp中可以保存下载.txt,.doc等任何类型的文件

2008-09-11 13:46:54

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<HTML>
<HEAD>

</HEAD>

<BODY>
<a href = "download1.jsp?filepath=d:\\&filename=1a.txt" >downloadtest1</a>

</BODY>
</HTML>

这是页面上的连接，我传了个路径和..

类别：jsp | 阅读全文(23) | 回复(0)

<< 1 2 3 4 5 >> 页数 ( 1/15 )