草庐IT

html_url

全部标签

javascript - Angularjs 使用 ui-sref 链接将 html 添加到变量

我有以下将html添加到变量的代码。但是,当它显示在页面上时,链接不起作用。动态插入ui-sref链接的最佳方法是什么?JavaScript.controller('page',function($scope,$rootScope,$http,$state,$sce){$scope.message=$sce.trustAsHtml('Aloginlink');})HTML 最佳答案 有aworkingplunker我会说,我们可以结合使用:$state.href()(文档here)和ng-href(文档here)(但仅在传递的参数是

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

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

javascript - 将 JavaScript 与 Webpack 捆绑在一起时,require/import URL 开头的 @ 符号是什么意思?

我正在使用Webpack来捆绑我的JavaScript应用程序。我在一次谈话中看到一位开发人员有类似这样的台词:varfoo=require('@/foo/bar');或import'@/foo/bar';在这种情况下,@符号是什么意思?同事认为这可能是node_modules的捷径,这类问题由于含糊不清,很难得到好的搜索结果。 最佳答案 @字符在Webpack中没有特殊含义,除非您对其进行配置。我想,这是一个privatenpmmodule. 关于javascript-将JavaScr

javascript - 将秘书 URL 参数广播到试剂组件的正确方法是什么

我正在re-framedefaulttemplate上构建一个应用程序.我有以下秘书路线:(defroute"/users/:id"[](re-frame/dispatch[:set-active-panel:user-panel])我想从我的试剂组件中的URL访问id参数。我发现实现它的唯一方法是将它设置为db。像这样的东西:(defroute"/users/:id"[id](re-frame/dispatch[:set-user-idid])(re-frame/dispatch[:set-active-panel:user-panel])这肯定会污染我的数据库,这种方法对我来说似乎

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 - 不允许窗口将顶层框架导航导航到数据 URL

前面的代码将在新窗口中打开pdf文件。varpdfDocument="data:application/pdf;base64,"+data;window.open(pdfDocument);更新chrome后,它似乎停止工作。显然,chrome删除了数据URL的顶层框架导航。我现在该如何解决我的问题?我需要在新窗口中打开此pdf。任何帮助将不胜感激。更新使用iFrame解决了这个问题。感谢Pedro给我想法。$(function(){setManualFrame();});functionsetManualFrame(){$("#ManualFrame").attr("height",

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 - 你如何从 getInitialProps 中的 url 获取查询参数?

我有一个干净的url,其中包含一些这样的查询参数。http://localhost:3000/post/:id我正在尝试像这样在客户端捕获查询参数“id”。staticasyncgetInitialProps({req,query:{id}}){return{postId:id}}render(){constprops={data:{'id':this.props.postId//thisqueryparamisundefined}}return(Acomponent)}我的express端点如下所示。app.post('/post/:id',(req,res,next)=>{letd

javascript - URL 片段标识符 - 简化状态处理 (javascript)

我有一个网络应用程序,它广泛使用片段标识符来处理“状态”。examplesite.com/#$mode=direct$aa;map=t;time=2003;vid=4;vid=7一些问题:1)将各种“location.hashnamevalue-pairs”分配给变量以跟踪状态的好方法是什么?1a)我应该创建一个对象来跟踪js中的状态还是为每个名称值对声明全局变量?1b)有什么好的jquery插件可以简化这个吗?1c)如果我想跟踪称为“颜色”的东西——它是否应该始终附加到片段(#)以及检查它是否已定义的正确方法是什么;下面的代码可以改进吗?varcolor;varhashString=