一.mousedown、mousemove和mouseup 拖着目标元素在页面任意位置如果要设置物体拖拽,那么必须使用三个事件,并且这三个事件的使用顺序不能颠倒。1.onmousedown:鼠标按下事件2.onmousemove:鼠标移动事件3.onmouseup:鼠标抬起事件重点:1、一定要绝对定位,脱离文档流才可以移动。2、绑定拖拽的元素,移动和鼠标松开后是对document的绑定,因为移动的是整个div。3、点击:a= 获取当前鼠标坐标、b =div距浏览器距离、c = 鼠标在di...
概要: 编程接口可通过 JavaScript 对 HTML DOM 进行访问。所有 HTML 元素被定义为对象,而编程接口则是对象方法和对象属性。方法是您能够执行的动作(比如添加或修改元素)。属性是您能够获取或设置的值(比如节点的名称或内容)。 (一)通过getElement系列方法: document.getElementById();//id document.getElementsByTagName();//标签名;Elements加了S,选出来是类数组; document.getElementsByName();//name属性,部分标签可...
原文链接http://www.cnblogs.com/zcjnever/archive/2011/04/21/2023133.htmlJavascript中的offsetParent属性 支持的浏览器:Internet Explorer 4.0+,Mozilla 1.0+,Netscape 6.0+,Opera 7.0+,Safari 1.0+ 总结 :offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素...
将显示元素进行隐藏用document.getElementById("ID名").hidden=ture;根据页面元素ID名获得页面元素值,进而将其属性设置成隐藏。将隐藏元素进行显示对于已经隐藏的页面元素如果要将其再次显示,不是将document.getElementById("ID名").hidden=false;而是将其隐藏属性删除 document.getElementById("ID名").removeAttribute("hidden");原文:http://www.cnblogs.com/songlove/p/7979247.html
通过JavaScript动态变化HTML元素至HTML加元首先需要创建一个标签,然后添加到标签中的相应的内容。然后创建添加到相应的位置好标签。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>測试文档</title> <script ...
JavaScript 数组 length 属性JavaScript 数组 length 属性可返回或设置或组中元素的数目,语法如下:array_object.length利用 length 属性得到元素数目<script language="JavaScript">var array_1 = new Array(‘a‘,10.5,true); document.write( ‘数组长度 ‘ + array_1.length );</script>运行该例子,弹窗输出:数组长度 3再看下面这个特殊的例子:<script language="JavaScript">var array_1 = new Array(‘a‘,10.5,true); a...
功能:主页面获取子页面的form表单,并提交。 $("#showAllDescription", document.frames("treeFrame").document).submit(); //showAllDescription为子页面元素的id //treeFrame为子页面ireame的nma 原文:http://www.cnblogs.com/shangrongyiweng/p/3796225.html
?12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> window.onload = function() { varoUl = document.getElementById("ul1"); va...
//页面加载完成后执行$(function () { getHW();});//当用户改变浏览器大小改变时触发$(window).resize(function () { setHW(); });//每500毫秒运行一次window.setInterval("getH()", 500);//获取页面的高度,并传给父页面的元素function getSubPageH() {var parentWorkDiv = $("#workDiv", parent.document);//工作区DIVvar parentLeftDiv = $("#leftDiv", parent.document); //左侧菜单DIVvar parentTopDiv = $("#topDiv", parent...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1, .box2{ width: 300px; height: 250px; margin-top: 10px; margin-bottom: 30px; border: 1px solid green; } .box1 > div, .box2 > div{ border: 1px solid red; margin: 5px; ...
情况一:宽高都写在样式表里,即外部样式或嵌入式样式,比如#div1{width:120px;}。这种情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。情况二:宽和高是写在行内中,即内联式样式,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的...
之前在StackOverflow回答了这个问题,现在整理到Blog里。因为安全限制,脚本是不能随意设置其value值的,所以并不能像其它表单输入域那样用属性来设置使其重置。重置一个文件域的值,归纳起来主要有 3 种方法。本文分析这三种方法的浏览器兼容性以及优缺点,并给出一个比较完美的综合方案的代码和Demo。重置文件域的三种方法:设置value属性为空。 对于IE11以上和其它较新的非IE的现代浏览器Chrome/Firefox/Opera...有效。克隆或创...
DOM :文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。getElementsByName()方法 :返回带有指定名称的节点对象的集合。语法 : document.getElementsByName(name)与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回...
在开发JavaScript应用的过程中,经常会遇到在循环中移除指定元素的需求。按照常规的思路,就是对数组进行一个for循环,然后在循环里面进行if判断,在判断中删除掉指定元素即可。但是实际情况往往不会像预想的那样顺利运行。出现的问题场景还原(function () {var arr = [1, 2, 2, 3, 4, 5];for (var i = 0; i < arr.length; i++){// 打印数组中的情况,便于跟踪数组中数据的变化console.log(i + ‘ = ‘ + arr[i]);// 删除掉所有为2...
就把那段script加到head之间。<script type="text/javascript">if(screen.width<=1240){document.write("<link rel=‘stylesheet‘ type=‘text/css‘ href=‘css/index_1240.css‘ />");}</script>DOM中document对象的write方法,将一段HTML代码或是一段文本内容输出到文档,以使浏览器可以动态处理.原文:http://www.cnblogs.com/htys/p/3947684.html