草庐IT

解析HTML

全部标签

javascript - angularjs 创建/导出 html View 为 pdf

我正在使用bootstrap创建模态窗口,在这个窗口中我有一些信息、一些表格和文本区域,是否可以从这个.html模态视图创建一个.pdf文件?我查看了FileSaver,但这只适用于下载表格,我想要的几乎就像模态窗口的打印屏幕。 最佳答案 使用html2canvas将html隐藏到Canvas中然后使用jsPdf转换为pdf。这是例子fiddle像这样DownloadPdfhtml2canvas($("#canvas"),{onrendered:function(canvas){varimgData=canvas.toDataURL

javascript - AngularJS 多重解析

这是我的ui-router特定路由的配置state('app.merchant',{url:'/start/merchant',views:{'mainView':{templateUrl:"partials/start_merchant.html"}},css:['assets/vendor/bootstrap/dist/css/bootstrap.css','assets/css/styles.css','assets/css/plugins.css'],title:'Buttons',resolve:{userRequired:userRequired,}resolve:load

javascript - 如何延迟 WordPress 网站上 YouTube 视频的 JavaScript 解析?

我今天才意识到,在我的1.2MB网站(根据GTMetrix)中,有550k是一个YouTube视频。我的网站是一个WordPress网站,当前视频在iframe中加载。我希望我的网站加载速度更快...但不确定如何进行。如果我可以让YouTube视频在被点击之前不加载,而只是在那里有一个缩略图,这似乎是正确的做法? 最佳答案 1。将“scr”替换为“data-src”2。添加Javascriptfunctioninit(){varvidDefer=document.getElementsByTagName('iframe');for(

javascript - 为什么 html5-video 事件 timeupdate 在 Chrome 浏览器上触发两次?

html5-video事件timeupdate在Chrome浏览器上触发两次。重现步骤:运行代码Updatetime$(document).ready(function(){varvid=document.getElementById("video")vid.addEventListener("timeupdate",timeUpdate,false);$("#button").on("click",buttonClick);functiontimeUpdate(e){console.log("timeUpdate");}functionbuttonClick(e){console.l

javascript - 从 JS 文件将 Chart.js 折线图添加到 Jinja2/Flask html 页面

我在一个显示Chart.js折线图的简单Bootstraphtml文件中有以下代码。包含图表设置的js文件如下所示:$(window).on("load",function(){varctx=$("#line-chart");varchartOptions={responsive:true,maintainAspectRatio:false,legend:{position:'bottom',},hover:{mode:'label'},scales:{xAxes:[{display:true,gridLines:{color:"#f3f3f3",drawTicks:false,},s

javascript - 如何通过 Content-Security-Policy 允许 `javascript:void(0)` 在 HTML 元素属性中使用?

我希望能够做到或确保即使处理程序未能阻止默认操作也不会发生任何事情。我应该如何声明允许使用Content-Security-PolicyHTTP响应header而不求助于unsafe-eval? 最佳答案 我最近将CSP策略应用于一个巨大的VUE项目,方法是将元header添加到index.html。GoogleChrome会打印关于javascript:的警告链接,但除此之外没有其他任何事情发生。我所做的只是删除href="javascript:属性,并添加了一个样式来保持游标样式:a:hover{cursor:pointer;}

javascript - GraphQL 能否在解析器中选择性地解析给定查询结果的字段?

我有以下REST端点:/orders/{id}returns{orderId,orderItem,customerId}/customers/{id}returns{customerId,firstName,lastName}我受限于这两个端点,它们将被包装在我的graphql模式中。我想要以下架构:typeOrder{orderId:ID!,orderItem:String,customer:Customer}typeCustomer{customerId:ID!firstName:String!lastName:String!}typeQuery{getOrder(id:Strin

javascript - 如何解析 GWT 中的日期?

我在这个问题上浪费了很多时间,所以我发布了问题并根据我学到的知识进行了回答,作为帮助其他人的资源。问题的背景是构建一个RSS阅读器。虽然RSS日期应该符合RFC822,但它们以不同的方式实现,因此您需要一种灵活的方法。我尝试使用GWTDateTimeFormat以及对一些不同的掩码进行硬编码,但一直在寻找破坏我的代码的测试用例。我终于偶然发现了优雅的解决方案:封装对javascriptDate.parse()方法的调用。它确实“有效”。作为一个元理论,我将在继续开发的过程中尝试对其进行测试,可能有很多事情可以通过使用原生javascript或其他可能的库而不是尝试蛮力来“正常工作”它在

javascript - 防止在 iOS 上滚动 HTML5 <video> 元素

我试图阻止在MobileSafari上包含HTML5视频元素的Web应用程序中的默认滚动。处理document.ontouchmove和调用e.preventDefault()是我发现实现此目的的标准方法。这似乎在任何地方都有效,除了当您触摸视频元素的顶部时,您可以开始向四周拉动页面,就好像它要滚动一样。这似乎只有在强制打开native视频控件时才会发生。如果您不包含controls属性并以可以在线播放的方式加载视频(例如在iPad上或在设置了allowsInlineMediaPlayback的UIWebView中),则会正确阻止滚动。所以它似乎与捕获事件的native视频控件(大播放

javascript - 将 HTML 从原始文档复制到弹出窗口(使用 JQuery)

这是我在stackoverflow上发表的第一篇文章,...:)我非常喜欢这个网站!我的问题:如何使用JQuery将打开页面中的元素复制到弹出窗口中?到目前为止,这是我尝试过的:CopyToThisPageFromTheParent('#accordianResults');functionCopyToThisPageFromTheParent(querySelector){varclone=$(querySelector,window.parent.document).clone();$('#testHtml').append(clone);alert($('#testHtml').