2013 年 5月 20 日随笔档案 - 天上星

DOM--form

摘要： form对象是用于向服务器提交数据时用的，它的默认事件为onsubmit。在此事件中加入return false表示不提交数据，即拒绝向处执行，如果表单中旋转了submit的按钮，点击submit的按钮后也会自动激活form中的onsubmit事件.<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1&q 阅读全文

posted @ 2013-05-20 16:32 天上星阅读(174) 评论(0) 推荐(0) 编辑

DOM--层控制

摘要：浏览一些网页时，会点击登录按钮时，会在页面上显示一个登录圣话框，要用户输入用户名和密码，这些就是层的控制，即div控件的显示与隐藏功能。主要用到的是它的style.display属性，如果div.style.dispaly="none"则此层不会显示，如果不为none就会显示它。还有一些控件，如button中有个属性为disabled，会显示是否可用。 style中是控件的一些样式，如position,background等。要关闭text中的输入法，只需设置它的style="ime-mode:disabled"即可。window.returnfalse 阅读全文

posted @ 2013-05-20 16:16 天上星阅读(506) 评论(0) 推荐(0) 编辑

DOM--document的一些方法

摘要： body\document都是window中的一个对象，我们常用的操作都在document 中进行，document表示当前的页面文档。它有以下几个经典常用的方法：getElementById():根据标签ID获取要操作的标签。getElementByName():根据标签名称获取要操作的一组标签数组，如有相同名称的radio等标签getElementByTagName():根据标签的类型获取要操作的一组标签数组，如input类型等另动态增加标签用到的有如下函数：createElement("标签类型"),然后用appendChild()加进去即可，用removeChild 阅读全文

posted @ 2013-05-20 15:47 天上星阅读(337) 评论(0) 推荐(0) 编辑

DOM导航

摘要：在网页中有时会有向前，向后等导航的事件，可以借助window.history.back,window.history.forward,window.history.go进行操作。window.history.back():返回前一页，等同于window.history.go(-1)window.history.forward():返回后一页window.event.srcElement:当前产生事件的控件，相当于this。它要传值才行。this多用于事件中调用。如下图：第一页中的部分代码：<input type="button" value="到第二页&qu 阅读全文

posted @ 2013-05-20 15:09 天上星阅读(168) 评论(0) 推荐(0) 编辑

DOM中body对象

摘要： body表示实体的意思，即网页中相关操作的标签都会包含于此对象内.它有几个事件：onload:网页加载完毕后触发。onunload:网页关闭后触发onbeforeunload:在网页准备关闭（或离开）前触发。window.event.returnValue:为此属性付一值，一般表示为警告，如提示是否数据没保存什么的，如下图：<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script t 阅读全文

posted @ 2013-05-20 14:45 天上星阅读(692) 评论(0) 推荐(0) 编辑

DOM剪切板

摘要：我们常用到剪切板，在网页操作中，如，csdn 的网站，会有一个复制按钮，点击后，会在复制的内容下有一行内容,提示复制的内容来自csdn，并且下面会带有相关的连接。在网页中有个对象clipboardData，此对象就是剪切板，它有三个函数可进行操作：1. getData("Text"),表示从剪切板中获取信息，即有返回值2. setData(“Text”,val).表示把val的值写入剪切板中3. clearData("Text") ,清空剪切板JS中是区分大小写的，另其中的参数Text是不能省略的。以下是建立三个textarea，分别为ara1,ara2 阅读全文

posted @ 2013-05-20 14:09 天上星阅读(426) 评论(0) 推荐(0) 编辑

DOM获取分辨率

摘要： screen.width表示屏幕的宽度，screen.height表示屏幕的高度如下：<input type="button" value="分辨率" onclick="alert(screen.width+'*'+screen.height)">显示的结果为：1280*1024 阅读全文

posted @ 2013-05-20 11:34 天上星阅读(444) 评论(0) 推荐(0) 编辑

(DOM)网页中的定时器功能

摘要：在网页中有四个定时功能函数：setinterval("要执行的函数",时间间隔)，返回值为定时器的ID.clearinterval(定时器的ID),关闭定时器以上的两个函数表示每隔多长时间就执行一次。settimeout("要执行的函数",过期的时间),返回值为过期定时器的IDcleartimeout(过期定时器的ID),关闭过期定时器在调用setinterval时一定要记得关闭相应的ID，每调用一次就产生一个定时器。settimeout是表示过多长时间后才能执行它指定的函数，和setinterval不一样，它只执行一次。时间间隔的单位为微秒，即1秒＝1 阅读全文

posted @ 2013-05-20 11:24 天上星阅读(2332) 评论(0) 推荐(0) 编辑

DOM的常用操作

摘要： DOM就是HTML页面模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的每个属性、方法就可以对文本框、层等元素进行编程控制.Dom就像WinForm一样，通过属性、事件、方法进行编程。CSS+JavaScript+DOM=DHTML Window对象代表当前浏览器的窗口，使用window对象的属性、方法时可以省略window. 如window.alert("vvvvv")可以变成alert("vvvvv").window有以下常用的几个对话框： alert(message):弹出一个确定对话框。 confirm(message):弹出阅读全文

posted @ 2013-05-20 10:54 天上星阅读(233) 评论(0) 推荐(0) 编辑

导航

公告