草庐IT

list_head

全部标签

javascript - 使用 Html Webpack 插件时如何在 <head> 和 <body> 标签内添加某些脚本标签

我正在使用HtmlWebpackPlugin通过javascript生成HTML文件。现在我想在的不同部分添加自定义脚本和标签例子:我该怎么办,添加alert('inheadtag')里面标记为第一个child添加alert('inbodytag')里面标记为第一个child这是我的Webpack配置中的片段newHtmlWebpackPlugin({hash:true,chunks:["app"],filename:path.resolve(__dirname,"./public/pages/app.html"),title:"Titleofwebpage",template:pat

javascript - 逗号分隔值 : from strings to objects to list

我有3个变量,它们的字符串包含逗号分隔值(我不知道有多少),我想将它们合并到jQuery对象中。"name1,name2,name3,nameN""value1,value2,value3,valueN""id1,id2,id3,idN"到:varitem1={name:name1,value:value1,id:id1};varitem2={name:name2,value:value2,id:id2};varitem3={name:name3,value:value3,id:id3};varitemN={name:nameN,value:valueN,id:idN};然后对每个项目

javascript - 如何将脚本标签插入到 head 标签的顶部/开头?

我想在head标签中的所有其余脚本之前插入一个脚本标签。我如何使用nativejavascript做到这一点?//INSERTSCRIPTHERE当我使用它时,它只是append在head标签中的所有标签之后。document.getElementsByTagName("head")[0].appendChild(script); 最佳答案 varhead=document.getElementsByTagName("head")[0]head.insertBefore(script,head.firstChild);

javascript - WebStorm : Failed to list gulp tasks 中的 Gulp 错误

我的WebStorm已停止读取和运行gulp任务。在上周五之前一切正常。这是控制台中出现的错误:Failedtolistgulptasksinquestionary/gulpfile.js:FailedtoparseJSON->Unterminatedarrayatline1column5path$[1]*Editsettings$/usr/local/bin/node/Users/rkon2006/Projects/My/questionary/node_modules/gulp/bin/gulp.js--no-color--gulpfile/Users/rkon2006/Proje

javascript - 如何使用 <head> 中的本地回退从 CDN 加载 javascript

我想使用HeadJS为我的页面动态加载所有其他脚本。我打算使用CDNJS托管的版本利用更好的缓存、减少的延迟等。我没有理由认为CDNJS会走向任何地方,但即使对于像jQuery这样的谷歌CDN托管文件,我也喜欢包含一个后备。但是,当我使用jQuery时,文件包含在的末尾标签。由于HeadJS的性质,我需要将它包含在中我的页面。在我会使用这样的两行:window.head||document.write('')我可以在头部使用这组相同的行作为后备吗?不会document.write()覆盖我的整个页面?当脚本存在于中时,它们的加载方式是否不同?由于浏览器解析DOM的顺序?我对此还是很陌生

JavaScript/jQuery : Animate li movement within a list?

我有一些代码与此处的jQueryUISortable示例基本相同:http://jqueryui.com/demos/sortable/#default这允许用户重新排序UL中的LI元素。不过,我现在遇到了一种情况,我想为LI改变位置设置动画……基本上就像用户自己拖动它们一样。事实证明,这比我预期的要困难得多,因为我没有为可以用CSS表达的变化制作动画,所以jQuery的animate()不会有帮助。我可以通过做一些数学运算并绝对定位列表元素来解决这个问题,但这看起来非常丑陋。有没有一种优雅的方法可以让我的列表元素四处移动? 最佳答案

javascript - 在 Vue.js 中注入(inject) <head>

我有一些外部脚本需要加载到各种页面上,例如GooglePlacesAutocomplete、FacebookAPI等。显然,将它们加载到每条路线上是没有意义的,但是文档并未解决这种相当常见的情况。此外,Vue实例挂载到正文中的标签上,因为themountedelementwillbereplacedwithVue-generatedDOMinallcases.Itisthereforenotrecommendedtomounttherootinstancetoor.现实世界的应用程序目前如何处理这种情况? 最佳答案 我推荐使用htt

javascript - 将 C# List<string> 转换为 Javascript

我想将List类型的模型属性转换为可在同一View中使用的Javascript变量。这是我的模型结构:publicstringTitle{get;set;}publicstringDescription{get;set;}publicListImgLinks{get;set;}我想要模型的ImgLinks属性的Javascript数组或json。我试过了-varimageLinks=@(Html.Raw(Json.Encode(Model.ImgLinks)));但是我收到语法错误警告。任何人都可以帮助我转换为javascript数组和json吗? 最佳答案

javascript : how to distinguish between selected element list and form

这是脚本:http://jsbin.com/itusut/6/edit你好,我有功能:functionon(t,e,f){if(e.length){varl=e.length,n=0;for(;n如果我们这样做varhandle=document.getElementsByClassName('some-class');然后handle是一个节点列表。如果我们这样做varhandle=document.getElementById('an-id');然后handle是单节点。问题是,当我选择时它返回array而不是单个元素。所以,我的on功能失败。函数使用elm.length筛选。一切

javascript - 使用复选框和 list.js 应用多个过滤器

我正在尝试使用list.js插件根据一组复选框过滤一些结果。我现在设法按一个标准排序,一次只按一个项目排序,即简单,适中,但是当我尝试选择多个复选框时它不起作用,即。同时选择简单和适中。有没有人对我如何做到这一点有任何建议。html和javascript如下。提前致谢。Sortby:NameDeparturesDifficultyFilter:EasyModerateChallenging@foreach(varpageinumbracoPages.OrderBy(x=>x.Difficulty)){@page.Name@page.Date@(page.Date==1?"departu