草庐IT

html_element

全部标签

javascript - 如何使用element.offsetBottom?

所以当你滚动经过英雄时,我正在努力制作一个粘性导航。我之前使用element.offsetTop没有遇到任何问题。但我正试图找到一种方法来为元素的底部做这件事。element.offsetBottom好像不是东西。那么有没有一种方法可以在JS中跟踪元素的底部? 最佳答案 element.offsetTop是从元素到最近定位的element.offsetParent的距离。所以如果你想计算从element.offsetParent到元素底边的距离,如果我没理解错的话,你可以element.offsetBottom=element.of

javascript - 使用单选按钮和复选框从 HTML 生成 PDF

目前jspdf方法仅显示内容和图像,但如何包含单选按钮图标。vardoc=newjsPDF();varspecialElementHandlers={'#editor':function(element,renderer){returntrue;}};$('#cmd').click(function(){doc.fromHTML($('#content').html(),15,15,{'width':170,'elementHandlers':specialElementHandlers});doc.save('sample-file.pdf');});CTScangeneratePD

javascript - 将 html 内容从 iframe 复制到 div(ajax)?

假设我的浏览器加载了带有的Iframe我可以使用ajax将test.html的内容加载到主html页面的div中吗?这个想法是我的解决方案,因为我实际上试图通过将ajax提交到远程主机来克服限制。计划是生成具有0大小的iframe的动态页面,该页面向远程主机发出报告请求。然后,在页面(和iframe内容)加载后,我将使用JS将iframe内容复制到div中。不胜感激,谢谢,格言。 最佳答案 不,你不能。当您将来自不同域的页面加载到iframe时,它​​变得无法访问。您无法再访问iframe的内容,因为它来自不同的域。据我所知,您唯一

【解决】vue搭建element-ui提示找不到文件错误

Thesedependencieswerenotfound:element-uiin./src/main.jselement-ui/lib/theme-chalk/index.cssin./src/main.js在执行cnpmiinstallelement-ui-S,并添加官方文档的使用之后,报错:解决方案:我首先跟着提示输入,但是无疑还是报错同样的问题经过我几次百度csdn上面,几乎千篇一律的cnpmiinstallelement-ui-S来解决,但是还是报错,并有去package.config.js去添加东西,但我好像找不到这个对应的文件,故放弃,后面查看这个element-ui发现:就是

javascript - 使用 JavaScript 读取自定义 HTML 元素在 IE 中不起作用

我的HTML页面中有一些自定义元素。为了对其进行一些修改,我编写了一个JavaScript。它有一些自定义元素。这些元素是有意添加的。样本来源:abcdgoogle.com需要的输出:我想替换的内容中的元素包含内容的元素元素。(元素、和是自定义元素。)JavaScript编写:vardevs=document.getElementsByTagName('dev');for(vari=0,len=devs.length;i此脚本在Firefox中运行良好,但在IE中运行不正常。编辑:在添加HTML元素并添加不同的类属性之后。abcdgoogle.com修改后的Java脚本:vardivs

javascript - d3.js 中的 HTML 工具提示清理

我在thisexample之后在d3.js中实现了HTML工具提示,使用这样的代码:functiononmouseover(d){$("#tooltip").fadeOut(100,function(){//generatetooltip$("#tooltip").fadeIn(100);});}functiononmouseout(){$("#tooltip").fadeOut(250);}它可以工作,但表现出一种行为,即如果鼠标在多个节点上快速移动,工具提示可能会停留在页面上。exampleabove表现出相同的行为(快乐的摆动!)。做了一些研究后似乎nvd3使用dispatch完

javascript - jQuery offset() 被 body 位置打破 :relative combined with element margin

这不是错误,因为FF、Chrome、IE9和Win7上的Safari的行为是一致的。我正在开发的应用程序是主机页面的第3方,因此CSS是不可变的。脚本会尝试将新的div与现有元素对齐。正文是position:relative页面顶部有H1H1的边距似乎在计算主体0,0的位置发生变化-即使主体上的背景一直延伸到边缘,并且它的offsetTop属性报告为0在body上设置边框解决了这个问题-看起来很奇怪但在浏览器之间是一致的吗?(不是可行的解决方案)移除H1边距可以解决问题(不是可行的解决方案)这里的例子,JS被注释为复制每个案例:http://codepen.io/anon/pen/EG

javascript - 有没有一种方法可以防止在 jQuery 对象化 HTML 片段中加载图像

我有一个HTML片段,我正在通过jQuery对其进行对象化,以便从中提取一些数据。这个片段有一些我不希望浏览器下载的图像资源。有办法吗?我当前代码的简化版本:varhtml='BlahBlah.........';varobj=$(html);//thismakesthebrowserdownloadthecontainedimagesaswell!!!varmyData={item_1:obj.find('.data:first').text(),item_2:obj.find('.data2:first').text(),....//andsoon..};

用于 mac OSX 的 Chrome 浏览器中 HTML5 Canvas getImageData 的 javascript 内存泄漏

此问题已在新的chrome版本(版本35.0.1916.114)中修复在chromeforma​​cosx中,CanvasRenderingContext2D#getImageData函数会造成内存泄漏,我该如何避免这个问题,这是测试用例和结果,它只是发生了在chrome浏览器中,safari是可以的CanvasRenderingContext2D#getImageDatabuginchromevarg;functioninit(){g=document.getElementById('canvas').getContext('2d');g.fillStyle="blue";g.fil

javascript - 使用 require 和 backbone 通过 html 文件而不是脚本标签加载模板

我有一个非常简单的网页,它使用backbone从模板文件加载View:TravelDatedon'tknowit?FLIGHT#don'tknowit?Match在flight-match-form.js中,我只是说:$(document).ready(function(){varMatchView=Backbone.View.extend({initialize:function(){this.render();},render:function(){//Compilethetemplateusingunderscorevartemplate=_.template($("#templ