上一页 1 ··· 75 76 77 78 79 80 81 82 83 ··· 99 下一页
摘要: DOM的事件有很多,下表把工作中常用的事件列出来,并进行讲解 示例 1 : 焦点事件 焦点相关的事件,分别有获取焦点和失去焦点当组件获取焦点的时候,会触发onfocus事件当组件失去焦点的时候,会触发onblur事件 <input type="text" onfocus="f()" onblur=" 阅读全文
posted @ 2020-07-25 08:18 Jasper2003 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 步骤 1 : 隐藏和显示 通过给元素的style.display 赋值,改变显示还是隐藏 <button onclick="hide()">隐藏div</button> <button onclick="show()">显示div</button> <br> <br> <div id="d"> 这是 阅读全文
posted @ 2020-07-25 07:09 Jasper2003 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 示例 1 : 节点名称 nodeName表示一个节点的名字如本例:document.nodeName 文档的节点名,是 固定的#documentdiv1.nodeName 元素的节点名,是对应的标签名 divdiv1.attributes[0].nodeName 属性的节点名,是对应的属性名 idd 阅读全文
posted @ 2020-07-25 05:50 Jasper2003 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 示例 1 : 通过id获取元素节点 在设计html的时候,一个元素对应的id应该是唯一的。可以通过document.getElementById 获取某个元素对应的元素节点对象 <html> <div id="d1">hello HTML DOM</div> <script> var div1 = 阅读全文
posted @ 2020-07-25 05:00 Jasper2003 阅读(168) 评论(0) 推荐(0) 编辑
摘要: DOM 是Document Object Model( 文档对象模型 )的缩写。DOM是把html里面的各种数据当作对象进行操作的一种思路。比如一个超链,作为一个DOM对象,就可以使其隐藏,修改其href指向的地址。 示例 1 : 节点概念 DOM把所有的html都转换为节点整个文档 是一个节点元素 阅读全文
posted @ 2020-07-24 22:18 Jasper2003 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 示例 1 : 只执行一次 函数setTimeout(functionname, 距离开始时间毫秒数 );通过setTimeout在制定的毫秒数时间后,执行一次 函数functionname本例在3秒钟后,打印当前时间。解释:document.getElementById 获取id=time的div元 阅读全文
posted @ 2020-07-24 09:48 Jasper2003 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 浏览器上常见的弹出框有警告框,确认框,提示框 这些都是通过调用window的方法实现的。比如警告框用的是window.alert("警告内容"),因为很常用,所以就把window省略掉,直接使用alert 示例 1 : 警告框 警告框 alert,常用于消息提示,比如注册成功等等 <script> 阅读全文
posted @ 2020-07-24 09:37 Jasper2003 阅读(104) 评论(0) 推荐(0) 编辑
摘要: Location表示浏览器中的地址栏 示例 1 : 刷新当前页面 <span>当前时间:</span> <script> var d = new Date(); document.write(d.getHours()); document.write(":"); document.write(d.g 阅读全文
posted @ 2020-07-24 09:23 Jasper2003 阅读(99) 评论(0) 推荐(0) 编辑
摘要: History用于记录访问历史 示例 1 : 返回上一次的访问 <script>function goBack() { history.back(); }</script> <button onclick="goBack()">返回</button> 示例 2 : 返回上上次的访问 <script> 阅读全文
posted @ 2020-07-24 08:53 Jasper2003 阅读(104) 评论(0) 推荐(0) 编辑
摘要: Screen对象表示用户的屏幕相关信息 示例 1 : 返回用户的屏幕大小,以及可用屏幕大小 如果是在台式电脑上,通常看到的可用区域的高度会比屏幕高度小一点,因为有任务栏的存在。 <html> <body> <script type="text/javascript"> document.write( 阅读全文
posted @ 2020-07-24 08:50 Jasper2003 阅读(104) 评论(0) 推荐(0) 编辑
上一页 1 ··· 75 76 77 78 79 80 81 82 83 ··· 99 下一页