Javascript 这是什么;文件.全部“;排队干什么?

Javascript 这是什么;文件.全部“;排队干什么?,javascript,html,Javascript,Html,我是一名Flex/Actionscript难民,正在尝试使用JS/HTML5/CSS3。有些事情可以立竿见影,但有些事情却没有立竿见影 我正在看这个JSFIDLE,但我不理解这一行(或者更确切地说,我理解它在做什么,但不理解它是如何做的) 我查了一下“document.all”,它似乎是没有争论的缩写 返回从元素派生的所有元素的非活动节点列表 在其上调用与指定的CSS组匹配的 选择器 对吗?那么“all”参数意味着它返回DOM中的所有内容 “非现场”节点主义者是什么意思?“非现场” 而实际线路

我是一名Flex/Actionscript难民,正在尝试使用JS/HTML5/CSS3。有些事情可以立竿见影,但有些事情却没有立竿见影

我正在看这个JSFIDLE,但我不理解这一行(或者更确切地说,我理解它在做什么,但不理解它是如何做的)

我查了一下“document.all”,它似乎是没有争论的缩写

返回从元素派生的所有元素的非活动节点列表 在其上调用与指定的CSS组匹配的 选择器

  • 对吗?那么“all”参数意味着它返回DOM中的所有内容
  • “非现场”节点主义者是什么意思?“非现场”
  • 而实际线路是。。。测试window.event.clientX或e.pageX是否为非空
基本的东西,但令人困惑


对吗?那么“all”参数意味着它返回DOM中的所有内容

对。页面中的每一个元素都被放入一个一维数组结构中并交给您

“非现场”节点主义者是什么意思?“非现场”

。活动节点列表意味着当相关DOM发生变化时(即:如果我删除了
),数组元素也会发生变化。在这种情况下,它会检查要使用的事件对象,是全局事件还是本地事件

什么文件

正在检查该方法是否存在(在三元赋值中)


“非生活”节点主义者是什么意思

这意味着,如果您对检索到的节点列表的项目执行会影响节点列表的操作,则列表不会更改;
(典型的例子是按类名选择,然后更改类名);
如果您是从GetElementsByCassName获得列表的,该列表将立即更新,从而影响列表


也就是说,在示例脚本中,您从未使用querySelectorAll()

引用波蒂的评论

“document.all是微软IE的老东西。它基本上是一种(不好的)检测代码在Internet Explorer中运行的方法。”


不,
文档。所有的
都是微软IE的老东西。它基本上是一种(不好的)检测代码在Internet Explorer中运行的方法。
    x_pos = document.all ? window.event.clientX : e.pageX;
var selected = null, // Object of the element to be moved
    x_pos = 0, y_pos = 0, // Stores x & y coordinates of the mouse pointer
    x_elem = 0, y_elem = 0; // Stores top, left values (edge) of the element

// Will be called when user starts dragging an element
function _drag_init(elem) {
    // Store the object of the element which needs to be moved
    selected = elem;
    x_elem = x_pos - selected.offsetLeft;
    y_elem = y_pos - selected.offsetTop;
}

// Will be called when user dragging an element
function _move_elem(e) {
    x_pos = document.all ? window.event.clientX : e.pageX;
    y_pos = document.all ? window.event.clientY : e.pageY;
    if (selected !== null) {
        selected.style.left = (x_pos - x_elem) + 'px';
        selected.style.top = (y_pos - y_elem) + 'px';
    }
}

// Destroy the object when we are done
function _destroy() {
    selected = null;
}

// Bind the functions...
document.getElementById('draggable-element').onmousedown = function () {
    _drag_init(this);
    return false;
};

document.onmousemove = _move_elem;
document.onmouseup = _destroy;