草庐IT

link_image

全部标签

javascript - 使用 JavaScript 添加 &lt;script&gt; 和 <link> 元素的优缺点是什么?

最近我看到一些HTML只有一个其中的元素...Example这script.js然后添加任何其他必要的元素和使用document.write(...)将元素添加到文档中:(或者它可以使用document.createElement(...)等)document.write("");document.write("");document.write("");document.write("")document.write("")请注意,有一个plain.css文件中的CSS文件和script.js只需添加将由支持JS的用户代理使用的所有CSS和JavaScript。这种技术的优点和缺点是

javascript - 非常简单 : requiring images in webpack and Angular 2

我在Angular2webpack应用程序中需要图像时遇到了一些问题。我已经尝试了三四个图像加载器,但我似乎无法正确配置它们并且HTML中的结果不正确。例如,目前我有:包含此图像的文件是模板的一部分,需要这样:@Component({selector:'appstore-app',directives:[...ROUTER_DIRECTIVES],styles:[require('../sass/appstore.scss').toString()],template:require('./app.component.html')})这会导致浏览器出错:GET:http://local

javascript - Chrome : "open link in new tab" not firing the click event?

我正在开发一个Chrome扩展程序,它在时执行某些操作在网页中点击标签。下面是一些示例代码:HTML:FooBarJavascript:varmyTd=document.getElementById("mytest");myTd.addEventListener("click",function(){localStorage["foobar"]=1;});当我点击链接时,localStorage键已设置,如果我用鼠标中键单击它,它也会设置键(并在新选项卡中打开链接)。问题是当我使用右键单击并“在新选项卡中打开链接”时。在这种情况下,点击事件似乎没有被触发,因此localStoragek

javascript - D3 : Grayscale image display driven by 2D array data

有人知道如何使用d3显示灰度图像,即像素强度的二维数组吗?我似乎无法在任何地方找到它的任何例子,它会很棘手吗?任何帮助/链接/指针表示赞赏! 最佳答案 如果只想显示图像,请使用imageelement和“xlink:href”属性。例如:svg.append("image").attr("xlink:href","my.png").attr("width",960).attr("height",500);如果你想给灰度图像上色,请看这个colorizedheightmapexample它使用分位数来创建发散色标,并使用HCL插值来获

javascript - 使用 javascript 将 Image 对象设置为 div 背景图像

我想从后台加载4张图片,向客户端显示加载栏当下载图像时,我想将它们设置为4个divblock的背景图像。我正在寻找这样的东西。varmyImages=newArray();for(vari=0;i有什么方法可以使用Imagejavascript对象设置背景图像吗? 最佳答案 您可以做一些接近您所拥有的事情。您不会将图像背景设置为图像对象,但您可以从图像对象获取.src属性并将其应用于backgroundImage。一旦图像对象成功加载,图像将被浏览器缓存,因此当您在任何其他对象上设置.src时,图像将快速加载。您可以使用这种类型的代

javascript - 使用图像链接 <wicket :link>

我正在尝试使用图像作为链接:在呈现的HTML中,href的已正确设置为我的上传页面。但奇怪的是,Wicket添加了onclick=window.location.href='/logo.png'到标签。最终结果是单击Logo会加载Logo本身,而不是上传页面。一个简单的解决方法是不使用,并将url硬编码到我的上传页面,但我想知道是否有适当的解决方案。 最佳答案 对我来说,它有助于添加空的onClick(Wicket1.5):在此之后,链接指向页面,而不是图像本身 关于javascript

javascript - 此警告消息是什么意思? 'img elements must have an alt prop, either with meaningful text, or an empty string for decorative images'

为什么我会收到此警告?warning:imgelementsmusthaveanaltprop,eitherwithmeaningfultext,oranemptystringfordecorativeimagesjsx-a11y/img-has-alt它显示第13行,但没有使用任何Prop。 最佳答案 这意味着当您在HTML中创建图像时,为了屏幕阅读器和文本浏览器的利益,您应该包含一个alt属性。 关于javascript-此警告消息是什么意思?'imgelementsmusthave

javascript - 使用 jQuery 删除 <link> 元素?

我不想使用style.css中的样式,所以我决定从DOM中删除style.css。这在Firefox和IE8中工作得很好,但在IE6中不行:$("LINK[href='http://www.example.com/style.css']").remove();任何其他解决方案,使用jQuery?例子如下:HTML:Testing$(document).ready(function(){$("link[href*='style.css']").remove();});...这是CSS(style.css):#content{background-color:#333;}只有在IE中#co

javascript - 从 haml link_to 调用 javascript 函数

当onclick甚至从haml中的link_to标记触发时,我想调用一个javascript函数(没有JQuery)。我该怎么做? 最佳答案 以下是在haml中使用Railslink_to的方法:=link_to"mylink","",:onclick=>"my_function();returnfalse" 关于javascript-从hamllink_to调用javascript函数,我们在StackOverflow上找到一个类似的问题: https://

javascript - `new Image()` 和 `new Option()` 等构造函数记录在哪里?

不是在Mozilla,而是:图片:感谢Rickard用于识别http://www.w3.org/html/wg/drafts/html/CR/embedded-content-0.html#dom-image提供DOM接口(interface)构造函数的详细信息。对于选项:http://www.w3.org/html/wg/drafts/html/CR/forms.html#dom-option还给出了DOM接口(interface)构造函数的详细信息。(发现使用:http://www.google.com/search?client=ubuntu&channel=fs&q=const