草庐IT

script_tag

全部标签

html - 如何获取 <script type ="module"> 中的 document.currentScript.ownerDocument?

如何在脚本type="module"中获取ownerDocument?textletowner=document.currentScript.ownerDocument//isnull//Butineedgetlettpl=owner.querySelector('template') 最佳答案 规范明确指出,当使用时document.currentScript属性设置为null在执行期间。Seespecunder"executeascriptblock".当然,如果使用src就很明显了属性。源无法知道它将被脚本标记而不是导入语句(

javascript - 如何使用 Nunjucks 安全地将 JSON 渲染到内联 <script> 中?

我们有一个服务器端呈现的HTML页面,其中包含一个外部JavaScript文件。要触发该文件中的代码,我们需要调用一个函数并向其传递一些动态数据(JSON格式):foo.bar.init({biz:42,qux:"quux"});我们从Nunjucks模板中呈现它,并将JSON对象作为值data传递在上下文中。这可以包含任意数据,包括用户提供的内容。这是安全的但不起作用,因为&正在转义(感谢Nunjucks自动转义):foo.bar.init({{data|dump}});这可行,但不安全,因为JSON中的字符串可能包含文本:foo.bar.init({{data|dump|safe}

php - 带有尾部斜杠的 mod_rewrite 会破坏 CSS/IMG/SCRIPTS 路径

我正在尝试使mod_rewrite来自url的第一个子目录字符串,以便在类/数据库中创建与“jsfiddle.net保存的url”类似的功能。该脚本运行良好并进行了重写。例如网址http://jsfiddle.net/RyEue/这工作正常(加载所有css、脚本等):http://www.domain.com/787HHJ2这就是我过去使用的方法。问题是当URL以最后一个斜杠、脚本、css和其他松散路径结束时。http://www.domain.com/787HHJ2/重写脚本:DirectoryIndexindex.phpindex.htmlOptions+FollowSymlink

iphone - 将 HTML <Tag> 解析为 ios

我正在使用Hpple将HTML标签解析为iOS。我能够解析HTML标签所在的数据使用ios代码:NSString*tutorialsXpathQueryString=@"//div[@id='NewsPageArticle']/p/span";NSArray*tutorialsNodes=[tutorialsParsersearchWithXPathQuery:tutorialsXpathQueryString];但在少数情况下我没有span,我的意思是html中的字符串由标签“p”直接访问,例如:这里我使用ios代码作为:NSString*tutorialsXpathQueryStr

javascript - HTML:通过 JavaScript 添加 <STYLE> 和 <SCRIPT> 标签

如果网页中的JavaScript函数将STYLE或SCRIPT元素添加到HEAD元素,浏览器是否会加载指定的样式和脚本,或者在页面加载后是否会忽略对DOM的此类编程更改?该行为是否适用于所有主流浏览器? 最佳答案 是的,您可以通过JavaScript添加脚本和样式表,它们会起作用。例如,GoogleAnalytics就是这样做的。 关于javascript-HTML:通过JavaScript添加和标签,我们在StackOverflow上找到一个类似的问题: h

javascript - IE9 : Script only works in debugger, 但在不调试时不是

我在InternetExplorer的兼容性方面遇到了一些问题。我正在构建一个大量使用HTML5canvas、CSS3和JavaScript的在线工具。该程序在除InternetExplorer之外的所有主流浏览器中均能正常运行。IE9切换到兼容模式,所以我设置强制IE以IE9标准处理页面。IE不再进入兼容模式,但脚本仍然无法正常运行。绘图或拖动对象等一些基本功能可以使用,但只有“一半”。程序员在这种情况下做什么:他启动调试器。这就是魔法发生的地方。一旦我启动IE9开发人员工具(以及IE9浏览器和文档模式),脚本就会正常运行。但是我应该如何调试一个在调试条件下工作正常,而在不调试时出错

html - 为什么有人会写溢出 : hidden on <html> tag

我正在阅读一个模板的源代码,我得到了代码我的问题是为什么有人会在html标签上应用overflow:hidden。它将带来什么好处。` 最佳答案 当你有动态的、响应式的内容时,你会使用overflow:hidden,在大多数情况下,或者至少,这就是我使用它的目的。例如,如果您有一个页面,当您缩小页面时,其内容的高度会增加,您可能只想隐藏在div的常规高度中不可见的内容 关于html-为什么有人会写溢出:hiddenontag,我们在StackOverflow上找到一个类似的问题:

Javascript/HTML5 : get current time of audio tag

我的模板中有一个音频标签,我需要在单击按钮时显示它的当前时间。请在下面检查我的代码:varmyaudio=document.getElementsByTagName("audio")[0];varcur_time=myaudio.currentTime;$('#curPosition').val(cur_time);但它总是在播放音频时返回0作为当前时间。有人对此有任何想法吗?谢谢 最佳答案 这是一个错字。您声明varmyaudio然后使用audio.currentTime而不是myaudio.currentTime尝试:varmy

html - Angular 2 : How to show inner HTML of component-tags inside of component?

我有一个关于angular2的问题。我正在创建一些组件并希望拥有这样的东西:这是我的DogComponent类:@Component({selector:"dog",template:"dog.template.html"})classDogComponent{@Input()image:string;}以及dog.template.html中的模板:shouldgohere-->shouldgohere-->当我使用DogComponent时,它应该使用传递的src创建img-tag,还可以查看图像前后的其他HTML部分。所以最后,如果我写这段代码:ThisisGarry!Heism

html - Angular 2 : restart the html audio tag on real time

我有一个播放mp3文件的组件,它从其父级获取播放的文件名。这是代码:exportclassPlayComponentimplementsOnChanges{@Input()fileToPlay:string;ngOnChanges(arg){console.log(arg.fileToPlay);}}html是:Yourbrowserdoesnotsupporttheaudioelement.首次播放时效果很好。fileToPlay的值可能会改变,我想实时播放新文件,但它总是播放第一个文件名。我该如何解决? 最佳答案 我知道这是旧的