草庐IT

Head-related

全部标签

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 - 如何将脚本标签插入到 head 标签的顶部/开头?

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

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

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

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

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

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 - 这是 sourcemappingurl : relative from html or js? 的基本 url

假设在一个html文件的子目录下有一个带有source-map的js文件。index.html(使用js/myjs.js)js/myjs.jsjs/myjs.js.map那么myjs.js的sourceMappingURL注释是哪个?//#sourceMappingURL=myjs.js.map或//#sourceMappingURL=js/myjs.js.map 最佳答案 我查找了specification.当源映射URL不是绝对的时,它是相对于生成代码的“源来源”的。来源来源由以下情况之一确定:如果生成的源不与脚本元素相关联有一

javascript - jQuery 将 css 链接附加到 iframe head

我正在尝试将一个css文件附加到从全局脚本在页面上创建的iframe。我可以访问其中的一部分,但由于某种原因我无法附加到头部。它也没有抛出错误,这令人沮丧。$(document).ready(function(){$('#outline_text_ifr').contents().find('head').append('');}); 最佳答案 var$head=$("#IFrame").contents().find("head");varurl="Styles/styles.css";$head.append($("",{rel

javascript - 如何以编程方式将 JS 和 CSS 资源添加到 <h :head>

我需要以编程方式将JavaScript和CSS资源添加到一个JSF页面。目前尚不清楚如何实现这一目标。我该怎么做或者是否有启动示例? 最佳答案 这取决于您想在哪里声明资源。通常,以编程方式声明它们的唯一原因是您有自定义UIComponent或Renderer它生成HTML代码,而HTML代码又需要那些JS和/或CSS资源。然后它们将由@ResourceDependency声明或@ResourceDependencies.@ResourceDependency(library="mylibrary",name="foo.css")pu

javascript - <HEAD> 中包含了多少?

我对此进行了一些搜索,但找不到任何类型的最佳实践或建议——也许是因为没有任何最佳实践或建议。我在我的网站上使用了各种jQuery插件,除了TinyMCE和其他一些插件,以及我网站的特定JS文件。最重要的是,我有三个样式表......并且随着网站的发展还会有更多样式表!在标记中包含脚本时,是否有任何类型的“限制”或您应该注意的事项?我知道每一个都是另一个需要完成的HTTP请求,但是如果它们都被缩小并尽可能小,会不会有问题? 最佳答案 不好!我建议在部署到现场之前使用脚本将这些文件组合成一个js和一个css。这不好的原因有很多,有关详细

javascript - 使用 document.head.appendChild() 附加具有 SRC 属性的脚本标签?

以下代码不起作用的原因是什么?alert("1");document.head.appendChild("");alert("2");(我知道它正在中断,因为1被警告但2没有。)完成同一件事的正确方法是什么?即,将脚本标记附加到文档头,其中标记使用SRC属性获取.js文件。我不希望它内联编写javascript。谢谢! 最佳答案 element.appendChild需要一个节点而不是一个字符串。您应该首先创建节点并设置属性,然后附加它。element.appendChildReferencevarsc=document.creat