草庐IT

improving-the-dom

全部标签

javascript - MVC : Share Javascript file between projects in the same solution

我看了thistutorial用于创建与同一解决方案中的多个项目一起使用的javascript。基本上,我创建了一个类库,其中有一个脚本文件夹,我在其中创建了一个脚本文件,我想在同一解决方案的多个项目中使用该文件。在使用commonscript文件的项目的脚本文件夹中,我添加了一个existng项目,如上面的链接所述。我将文件添加为链接而不是文件的副本。但是,我的View无法读取此javascript文件。我什至将此命令添加到使用javascript的项目的预构建事件中,这样我就可以在构建之前将文件从类库复制到我的项目中,但也没有用。copy$(SolutionDir)ClassLib

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 - 仅限 Chrome 错误 : Failed to execute 'scroll' on 'Window' : No function was found that matched the signature provided

我只在Chrome中遇到这个错误(在Safari/Firefox中有效):无法在“Window”上执行“scroll”:找不到与提供的签名匹配的函数。代码在内联事件中:我不明白这是什么问题。PS:注意这段代码是我在DOM渲染后得到的输出。实际代码拆分成我在服务器端模板引擎中使用的不同组件/函数,正如下面评论中指出的那样,应避免直接混合此代码。 最佳答案 也许试试scrollTo。这是支持x和y坐标的跨浏览器。http://www.w3schools.com/jsref/met_win_scrollto.asp...

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 - rails + Chartkick : How to change the date format of the tooltip?

我正在以这种方式生成图表(使用GoogleChart):"Solditems",data:@items.group(:created_at).count}],:library=>{hAxis:{title:"Period"},vAxis:{title:"AmountsinUDS"},title:"HistoryOfSales"}%>图表生成得很好,但有一件事我想改变——工具提示看起来像这样:工具提示中的信息是正确的,但我不想显示Oct19,2014,2:00:00AM我只想显示Oct19,2014。有没有办法用Chartkick做到这一点?非常感谢您的宝贵时间。

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