上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 41 下一页
摘要: 要使用js修改某个元素的偏移量来使其移动,必须要为该元素设置定位,一般都将其设置为绝对定位。 pageX和pageY 可以获取鼠标相对于当前页面的坐标。整个document文档的大小,而不是根据当前可见窗口大小来获取坐标。但是这两个属性在IE8中不支持,所以如果需要兼容IE8,则不要使用。 练习 < 阅读全文
posted @ 2022-03-12 11:47 青仙 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 事件对象 —-当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数中。 —-在事件对象中封装了当前事件相关的一切信息。比如:鼠标的坐标,键盘哪个按键被按下、鼠标滚轮滚动的方向。。。 事件对象.clientX可以获取鼠标指针的水平坐标。(获取鼠标在当前可见的窗口的坐标), 获取 阅读全文
posted @ 2022-03-12 11:46 青仙 阅读(66) 评论(0) 推荐(0) 编辑
摘要: clientHeight clientWidth 这两个属性可以获取元素的可见宽度和高度。 这些属性返回的都是不带单位(px)的,返回的都是一个数字,可以直接进行计算, 会获取元素的宽度和高度,包括内容区和内边距,但是除开边框。 这些属性都是只读的,不能修改。 offsetHeight offset 阅读全文
posted @ 2022-03-12 11:43 青仙 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 获取元素的样式currentStyle 就是获取元素的当前显示的样式,如果要获取到元素没有设置该样式,则获取它的默认值,比如说,当前元素没有设置background-color样式,你用这个属性获取的就是默认值:transparent(透明的)。 它和style的区别就是它可以获取元素当前正在使用的 阅读全文
posted @ 2022-03-12 11:37 青仙 阅读(528) 评论(0) 推荐(0) 编辑
摘要: 通过JS修改元素的内联样式 语法:元素.style.样式名=样式值; 在使用js改变css样式时,如果Css样式名中含有-(减号),需要将这种样式名修改为驼峰命名法,去掉-,然后将-号后面的字母大写。 比如: 在写样式时,background-color: red; 使用js修改样式时,div.st 阅读全文
posted @ 2022-03-12 11:36 青仙 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 取消超链接的默认行为 点击超链接后,超链接会跳转页面,这个是超链接的默认行为,但是此时我们不希望出现默认行为,可以通过在响应函数的最后return false来取消默认行为。 比如: window.onload=function(){ //获取a标签 var mya=document.getElem 阅读全文
posted @ 2022-03-12 11:33 青仙 阅读(79) 评论(0) 推荐(0) 编辑
摘要: DOM相关操作 使用innertHtml也可以完成DOM相关操作,不过它是把全部内容删了重新加载的,动静太大,一般结合DOM相关操作的方式同时使用。 document.createElement() 可以用于创建一个元素节点对象,它需要一个标签名作为参数,将会根据该标签名创建元素节点对象,并将创建好 阅读全文
posted @ 2022-03-12 11:30 青仙 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 获取body标签 var mybody=document.getElementsByTagName("body")[0]; console.log(mybody); //或者下面这种方法 //var mybody=document.body; //console.log(mybody); 在docu 阅读全文
posted @ 2022-03-12 11:27 青仙 阅读(57) 评论(0) 推荐(0) 编辑
摘要: <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload=function(){ //定义一个单击响应函数 var myClick=function(nod 阅读全文
posted @ 2022-03-12 11:22 青仙 阅读(19) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } #outer{ width: 550px; margi 阅读全文
posted @ 2022-03-12 11:21 青仙 阅读(29) 评论(0) 推荐(0) 编辑
上一页 1 ··· 19 20 21 22 23 24 25 26 27 ··· 41 下一页