草庐IT

NT-DOM-NV

全部标签

javascript - 如何让 javascript 只在 dom 和 css 准备好而不是图像时执行

我想在dom和css准备好时执行一些javascript,但我不关心图像(我倾向于延迟加载图像)我知道如何检测dom就绪状态,但如何检测css就绪? 最佳答案 您应该使用document.ready事件。window.onLoad在所有图像和其他图像完全加载时触发。来源:window.onloadvs$(document).ready() 关于javascript-如何让javascript只在dom和css准备好而不是图像时执行,我们在StackOverflow上找到一个类似的问题:

javascript - 在 Angular JS 模块中传递并获取 DOM 元素值

我真的是AngularJS的新手我有一个html页面,它加载了这样一个js文件该文件(adf-widget-iframe.min.js)内容如下所示!function(){"usestrict";angular.module("adf.widget.iframe",["adf.provider"]).config(["dashboardProvider",function(e){e.widget("iframe",{title:"iframe",description:"Embedanexternalpageintothedashboard",templateUrl:"{widgets

Javascript .forEach() 不适用于 DOM 节点,因为它们会在此过程中发生变化

这个问题在这里已经有了答案:Traversingnodescorrectly-javascriptchildNodes(1个回答)removingchildNodesusingnode.childNodes.forEach(2个答案)关闭4年前。我有以下错误代码将所有DOM元素从一个节点移动到另一个节点:div.childNodes.forEach((n)=>me.container.appendChild(n));不幸的是,这只复制了一半的节点。这样做的原因似乎是在内部,javascript像在标准for循环中一样计数:for(leti=0;i这会导致该行为,因为div.childN

javascript - 任何 Ruby 的 HTML 解析器都可以执行 JavaScript 来查看生成的 DOM 吗?

在尝试Hpricot和Nokogiri时,可以获取和解析HTML,但它们是否也可以执行Javascript以便在页面上显示内容?(显示在DOM中)。这是因为某些页面只有在JavaScript初始化代码运行后才会显示信息。 最佳答案 据我所知没有。您可能想研究使用类似Watir的东西并使用真正的浏览器。 关于javascript-任何Ruby的HTML解析器都可以执行JavaScript来查看生成的DOM吗?,我们在StackOverflow上找到一个类似的问题:

javascript - 关于jquery选择器如何遍历dom的一些问题

我怎么知道什么遍历了DOM而什么没有遍历?$('divp')这似乎返回了所有的div元素,然后对第一个div搜索中返回的每个dom元素上的P元素进行了另一次扫描。$('div.foo')类似乎不扫描dom。它们只过滤前面列表$('div')中包含类foo的元素。如果$('div')的子级具有foo类,则不会被选中。$('div,div')不包含欺骗。因此,它似乎只使用比较或不比较的lambda列表扫描一次。但是当你有像:contains('x')这样的过滤器时,这会变得非常困惑,它们似乎可以自己递归dom。那么这些选择器是如何工作的呢?'div.foo'是否首先只遍历div,然后对包含

javascript - DOM执行顺序问题

我在HEAD标签中有一些JavaScript,它在页面上的最后一个脚本(当前已解析)之前动态插入异步加载脚本标签。这个动态包含的脚本标签包含需要在DOM可用之后解析DOM的JavaScript,但在加载所有图像和脚本标签之前。重要的是,JavaScript在所有JS加载之前开始执行,因为如果有一个挂起的脚本,这会导致糟糕的用户体验。这意味着我不能等待DOMContentLoaded事件触发。对于将动态包含脚本标记的第一段JavaScript放在哪里,我没有任何灵active。我的问题是,不等待DOMContentLoaded事件而立即开始解析DOM对我来说是否安全?如果没有,我是否有办

javascript - 当我的手指已经在屏幕上时,如何在添加到 DOM 的元素上捕获 touchmove 事件?

我正在为iPad开发一个Javascript/html5项目。我需要能够在touchstart事件触发后才添加到DOM的元素上捕获touchmove事件(即,直到一个人已将手指放在屏幕上。)我已经尝试模拟touchstart事件并以编程方式触发它...$("#container").append(element);element.on("touchmove",doStuff);varev=$.Event("touchstart");element.trigger(ev);...但是这不起作用。让doStuff开始触发的唯一方法是抬起手指,然后再次触摸屏幕,触发第二个touchstart

javascript - 无法使用服务器端渲染访问 DOM - react 0.14.1、react-dom 0.14.1 和 react-router 1.0.0-rc3

我无法使用react、react-dom和react-router的服务器实现访问DOM。我有ReferenceError:documentisnotdefined,或者BrowserhistoryneedsaDOMerrors。服务器入口:module.exports=function(req,res,next){match({routes,location:req.url},(error,redirectLocation,renderProps)=>{if(error){res.status(500).send(error.message);}elseif(redirectLoca

javascript - 如何在 DOM 中显示 source map 的 JS 错误

我正在尝试调试使用create-react-app为Googlebot创建的应用。TL:DR:我需要将我的错误添加到DOM中,以便它在Google机器人渲染中可见。问题是我如何获得React在开发中显示的准确(通过源映射)文件/行/列号以显示在DOM节点中。关于Googledocumentationfordebuggingrendering,他们提供了一个使用全局window.addEventlistener('error')的片段,将错误添加到DOM,以便它在Googlebot生成的渲染屏幕截图中可见。但是,当我在开发中尝试这样做时,我将其作为堆栈跟踪的第一行:在Home.rende

javascript - 从父 JavaScript 访问跨域 IFrame DOM 属性

这个问题在这里已经有了答案:Waystocircumventthesame-originpolicy(8个答案)关闭7年前。已经有一些类似的问题,但它们往往涉及child与parent的关系。另一方面,我希望能够获得IFrame的DOM的一些属性。我不想操纵任何东西。我只想能够读取属性或DOM节点。诸如属性或内容之类的东西。AFAIK这是不可能的,除非我使用像window.postMessage这样的东西。与此解决方案一样合理的是,它基于事件监听器。这需要在IFrame中定义一个监听器,这意味着更改IFrame的代码。我想避免这种情况。如果你想进行跨域Ajax调用,你可以(如果你也有访