草庐IT

插入图片

全部标签

javascript - 插入或拖动后重新索引对象数组的算法 'n' 放置顺序更改

假设我有一个对象的索引数组,例如包含流行民歌台词的对象;)varlyrics=[{line:2,words:"He'salumberjackandhe'sokay"},{line:1,words:"I'malumberjackandI'mokay"},{line:3,words:"Hesleepsallnightandheworksallday"}];我的比较器将根据每个对象的索引在View中显示对象。我希望能够在此阵列上执行三个任务:任务1)在拖放时重建索引通过拖放重新排列对象的顺序。假设我已经知道如何实现拖放。任务示例:将“He'salumberjackandhe'sokay”从索

javascript - 如何制作像Wordpress这样的图片 uploader ?

我想实现一个类似于最新的Wordpress提供的图像上传器(在撰写本文时为3.2.2)。但是,我在为不支持多个文件上载,拖放功能等的浏览器添加后备功能而工作。理想情况下,我希望此功能可以运行而不必每次都刷新页面。我已经做了很多Google搜寻工作,但似乎只能在某些特定的浏览器中使用。谁能推荐任何允许这种上传功能的开源项目? 最佳答案 HTML5和JQuery中有很多类似wordpress的上载程序,例如:ResponsiveFileManager是一个免费的开源文件管理器和图像管理器,由jQuery库,CSS3,PHP和HTML5组

javascript - AngularJS 的 404 图片加载问题

我想在网站中放置一个二维码,可以说它可以是从ASP.NETMVC操作提供的任何图像文件——但在本例中它是一个二维码。SCAN我将一些查询字符串参数传递到我的端点以生成QR码,它以GIF格式返回。使用AngularJS,我正在设置标签src属性。url和查询字符串是在AngularJSController中构造的。我的问题是,在Angular加载数据并将数据绑定(bind)到控件之前,在替换Angular表达式之前,当浏览器尝试获取图像时,我收到HTTP404错误。脚本运行后,QR码显示,如预期的那样。希望不要收到此HTTP错误。我能以某种方式延迟加载吗?或者稍微不同地使用Angular

javascript - 插入 javascript 变量作为背景图像源

我有一个变量,我可以使用以下命令在页面上显示它document.write(image)我可以将结果复制到浏览器,它会显示我需要的文件。我想做的是获取该变量并使用它来指定我的背景图像的src``我知道这对你们来说可能很简单,但我已经花了一整天的时间,并且为此掉了很多头发。感谢您的宝贵时间.... 最佳答案 如果元素是可选的:Sometext您可以使用javascript更改样式:document.getElementById('paragraph').style.background='url('+image+')';如果您要创建段

javascript - 将空对象插入 Adsense 标签中的 adsbygoogle 数组的目的是什么?

这是来自theirsite的解释:Acalltoadsbygoogle.push(),whichinstructsustofillinthefirstunfilledslot.但是adsbygoogle数组在javascript代码中的用途是什么?这是一个示例广告代码(请参阅末尾的javascript行):(adsbygoogle=window.adsbygoogle||[]).push({}); 最佳答案 实际加载AdSense广告的脚本adsbygoogle.js是异步加载的(即通过标记)。调用adsbygoogle.push(

javascript:插入空数组的意外行为

以下代码:vararr1=[1,2,3];varobj1={};for(varj=0;j产生了以下输出:obj1=>{'0':1,'1':1,'2':1}我很想知道为什么。(我现在知道以下代码:vararr1=[1,2,3];varobj1={};for(varj=0;j会给我我想要的输出:obj1=>{'0':[0],'1':[1],'2':[2]}) 最佳答案 因为,asperthedocumentation,Array.prototype.push()方法返回数组长度,而不是数组本身。您可能更喜欢concatmethod像这样

javascript - 在数组内的所有元素之间插入值的功能方法

假设我有以下数组:constmyArray=["q","w","e","r","t","y"]我想做的是在所有元素之间添加一个元素,像这样:myArray.someMethod("XXX")//["q","XXX","w","XXX","e","XXX","r","XXX","t","XXX","y"]在某种程度上,这有点像.join所做的,但我希望输出是另一个数组,而不是字符串。我知道如何用循环来做到这一点,但我想知道实现这一点的“功能性”方法是什么。 最佳答案 您可以通过采用剩余参数并检查剩余数组的长度来采用递归方法,而不是迭代

javascript - 使用 JavaScript 在文本区域中的选择前后插入文本

如何在中的选择前后插入文本textarea使用JavaScript?选择发生在HTML表单的textarea字段中。 最佳答案 她为我们提供了一个可在InternetExplorer、Firefox和Chrome中运行的简单脚本,其中myField是一个对象引用。它由通过网络找到的几个脚本组装而成。functioninsertAtCursor(myField,myValueBefore,myValueAfter){if(document.selection){myField.focus();document.selection.cr

javascript - 获取IE中显示:none image?的图片高度

我有设置为display:none的图片。我正在使用javascript(document.getElementById('elem').height)来获取这些图像的高度/宽度。这在其他浏览器中有效,但IE报告高度为0(可能是因为它的显示设置为无-因为当我删除显示:无时,高度报告正确)。我尝试将图像包装在一个div中并将div的显示设置为无而不是图像-但这也不起作用。解决这个问题的典型方法是什么? 最佳答案 如果您对图像本身的大小感兴趣,除了在html中设置的任何样式或属性之外,您可以测量具有相同src的新图像。它不会向文档的ht

javascript - 如何在猫头鹰轮播中使用背景图片

我想使用owlcarousel带有背景图片而不是标签,就像在http://driveshift.com/car/c10148中使用的一样.但是,插件站点中包含的每个示例都使用img标签。当您检查Shiftcarousel,它使用url图片作为data-src属性,然后owlcarousel自动将它们转换为背景图片。有什么建议吗? 最佳答案 查看示例代码https://owlcarousel2.github.io/OwlCarousel2/demos/lazyLoad.htmlLazyLoadHTMLstrucutrerequires