草庐IT

html - CSS,高度使边框颜色变化

全部标签

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌

javascript - Gridster - 保存 div 的 html 内容以动态加载网格

我已经用gridster做了一些测试,我可以保存一些gridster数据,比如坐标、大小、ids等。但我无法保存填充gridster的div的内容,我可以稍后加载每个元素的gridster坐标。这是我的代码:$(document).ready(function(){vargrid_canvas=$("#homepage>#grid").gridster({widget_margins:[10,10],widget_base_dimensions:[140,140],widget_selector:".gs_w",shift_larger_widgets_down:false,seria

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否

javascript - 如何创建具有 100% 宽度和高度的 Google 图表?

这个问题在这里已经有了答案:CSS100%heightwithpadding/margin(15个答案)关闭8年前。如何创建宽度和高度均为100%的Google图表?例如,我已经尝试使用明显的width:100%但这不起作用。

javascript - 为什么 'this' 的值从文档到窗口变化

在下面的代码中我无法理解为什么this的值更改为window来自document在函数中handler当我从document调用它时语境。$(document).ready(function(){varhandler=function(){console.log(this);//this=window}console.log(this);//this=documenthandler();})根据我的理解this的值(value)由其执行上下文确定。现在当我document.ready函数this指向document这是预期的,但是当我从该上下文调用方法时,为什么我的上下文更改为wind

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - 如何使用 jquery 加载网站 HTML

如何在我的java脚本中加载一些网站以便我可以解析它?我想获取例如Htmlwww.google.com,我想使用jquery选择其中的所有标签。 最佳答案 你不能,因为jquery不允许你加载外部资源,除非你要解析的页面中存在标题:header('Access-Control-Allow-Origin:http://thesitewhereyourjscodeishosted');如果你不能设置它,你可以使用PHP:varwebsite=; 关于javascript-如何使用jquery

javascript - 从 HTML5 FormData 对象中获取所有项目 - HTML5

我一直在使用HTML5FormData对象,但我似乎无法弄清楚如何找到它包含的数据。出于调试目的,我需要访问它。https://developer.mozilla.org/en-US/docs/Web/API/FormData1有类似的功能FormData::get([name]);但是我不知道名字。如果有类似下面的东西就好了:FormData::dumpData();查看FormData对象中所有数据的好方法是什么?更新这是FormData对象的示例: 最佳答案 默认情况下,FormData的所有功能并非在所有浏览器中都可用。但是

javascript - 当我在 html 标签中使用 ng-controller 时,Angular 停止工作

这个问题在这里已经有了答案:Controllernotafunction,gotundefined,whiledefiningcontrollersglobally(14个答案)关闭7年前。我是Angular.js的新手,开始在plunker.co上学习Angular。问题是当我在html页面的任何标签中使用ng-controller时,angular停止工作。我的意思是{{4+4}}显示,因为它是在使用ng-controller之后显示的。这是来自Plunker.co的代码HelloPlunker!{{8*8}}{{message}}没有ng-controller它显示64作为输出但

javascript - Magnific Popup iframe 高度和宽度

我在使用MagnificPopup时遇到问题,我需要能够使用javascript函数在iframe上设置高度和宽度。以下代码对我输入的高度和宽度没有反应,怎么了?///Call////openmagnificPopup(url,h,w);///Java////functionopenmagnificPopup(url,h,w){$.magnificPopup.open({items:{src:url,type:'iframe',iframe:{markup:''+''+'xxxxxx'+''+''}}});/////CSS/////.mfp-iframe-holder.mfp-cont