草庐IT

【学习笔记】HTML+CSS

全部标签

programming-languages - 如何使用javascript在浏览器html输出中漂亮地打印常用语言的源代码?

如何用javascript在浏览器html输出中漂亮地打印常用语言的源代码?我的意思是有一些缩进和代码格式。目前我只有http://alexgorbatchev.com/SyntaxHighlighter/为语法着色。但我也想要一些缩进和其他格式。例子:用户输入一些代码。系统格式化并在浏览器View中突出显示代码。所以->是否有用于格式化代码的通用代码格式化程序?最好的javascript我很感激任何帮助。 最佳答案 可能SyntaxHighlighter是最受欢迎的。但是你有选择,看看16FreeJavascriptCodeSyn

javascript - 没有 CSS 资源可以安全地使用 jQuery-UI 吗?

可以在不包含CSS资源的情况下安全地使用jQuery-UI吗?GooglehoststheJSfile,但我没有在该页面上看到任何对jQuery-UICSS资源的引用。如果我只包含jquery-ui.js,我会遇到什么问题? 最佳答案 你会从这样的事情开始(使用jQueryUICSS):像这样(没有jQueryUICSS):使用@AtesGoral在评论中发布的链接或Xavi-LinkstojQueryUICSSthemeshostedonGoogle'sCDN托管样式表更新:作为引用,GoogleCDNjQueryUICSS的路径

javascript - 为什么我无法使用 Chrome 查看/调试加载了 jquery.html() 的 javascript

我在$.post回调中加载带有一些内联javascript的html。“像那样”的东西:-)callback{response_data='stringwithhtmlandvarscripts...'jQuery('#selector').html(response_data);}但是当我这样做时,我无法在Chrome的脚本选项卡上看到加载的新内联javascript。我在“网络”选项卡上看到JS,并且js正在执行,但我无法调试此代码。知道如何调试这段代码吗?谢谢! 最佳答案 所有现代JS引擎都允许“在代码中”生成javascri

javascript - 如何使用 Javascript 获取继承的 CSS 值?

我正在尝试使用Javascript获取继承的CSS属性的值。我一直没能找到全面的答案。示例CSS:div{width:80%;}示例标记:Sometext使用javascript(jQuery或native),我需要获取元素的宽度——不是以像素为单位,而是字符串“80%”。$('#mydiv').css('width');//returnsinpx$('#mydiv')[0].style.width//emptystringgetComputedStyle($('#mydiv')[0]).width//returnsinpx我需要将值作为字符串的原因是因为我需要将样式复制到另一个元素。

javascript - 获取对所有 css 样式属性的访问权限?

我想通过JavaScript访问所有CSS属性(不仅针对特定选择器或元素,而且针对所有属性)。我想遍历.style集合的所有属性。我该怎么做? 最佳答案 您可以使用CSSStyleDeclaration对象。CSSStyleDeclaration对象使CSS样式属性可通过JavaScript属性使用。这些JavaScript属性的名称与CSS属性名称密切相关。这个对象有两个额外的属性:CSSText一组样式属性及其值的文本表示。文本的格式与CSS样式表中的一样,减去元素选择器和包围属性和值的大括号。长度此CSSStyleDeclar

javascript - 克隆 CSS 类

我想将所有:hover类复制到.hoverid类中,其中id是元素的索引(或任何其他方式创建独特的悬停类名称)。因此,我的想法是以某种方式遍历页面上定义了:hover的所有元素,并将该类克隆到.hoverid中。这样我就可以像这样在任何我想要的元素上触发悬停效果:$('#element').addClass('hover'+$(this).id);所以我的问题实际上是:如何遍历定义了“:hover”的元素?如何将那个类克隆到另一个类中?尝试您的解决方案:http://jsfiddle.net/kLt2P/ 最佳答案 您实际上可以使用

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - Html5 filereader - 读取本地 Json Array 文件并仅显示特定部分

我是初学者,来自VBAexcel编程工具。在VBA中读取excel文件,操作excel内容比Filereader和Jsonarray这样的网络工具要容易得多。我的Json数组文件中有以下内容。[["TWE",6000,4545.5],["RW",1000,256.3]]我想从下面的html文件中读取并只显示值253.6你能帮帮我吗这里是Html文件阅读器示例functionhandleFileSelect(){if(window.File&&window.FileReader&&window.FileList&&window.Blob){}else{alert('TheFileAPIs

javascript - 避免 XSS 并允许一些带有 JavaScript 的 html 标签

我在当前的项目中遇到了一个问题:用户可以使用文本区域发送电子邮件。我们允许用户输入他们想要的任何内容,因此可以输入一些用于格式化的HTML。例如,应允许用户使用粗体文本标记。完成电子邮件后,用户应该能够动态查看电子邮件的预览。不过有一个小问题,如何在显示预览时避免XSS攻击?您当然可以使用underscore.js去除它们,但这不会格式化他们的预览。所以我暂时禁止了所有HTML标签,只允许像这样的标签。,等您如何看待这个解决方案?是否足够安全? 最佳答案 为了防止应用程序受到XSS攻击,我通常使用以下规则:确定您的应用程序的安全级别

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro