js - 飘一代 - 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)

弹出层效果

弹出层效果

2008-09-04 17:05:15

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>MSND 滑出菜单</title>
<meta name="Generator" content="EditPlus">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.LocaleManagementFlyoutPopup {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
&nbs..

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

<< 1 2 3 >> 页数 ( 1/3 )