草庐IT

html5-history

全部标签

javascript - 创建自定义 HTML 元素的新实例

我正在尝试理解新的HTML自定义元素。我的目标是,给定一些数据数组,创建自定义元素的n个实例。例如,给定一个包含10个用户的列表,创建10个用户html对象。好的-所以我在html中定义了一个自定义元素HTML然后我创建我的ControllerJSclassUserTemplateextendsHTMLElement{constructor(){super();this.username=this.querySelectorAll('[class="user-name"]')[0];}setName(name){this.username.innerHtml=name;}}custom

javascript - 如何在运行时调整 swf 的大小以使浏览器创建 html 滚动条?

我有一个swf将文本加载到Sprite中,该Sprite会根据放入的内容调整大小-我希望对于那些比页面长的页面让浏览器使用其native滚动条而不是在actionscript(非常像http://www.nike.com/nikeskateboarding/v3/...)我确实看过耐克做的东西,但就是没能成功。有什么想法吗? 最佳答案 诀窍是使用一些简单的JavaScript来调整FlashDOM节点的大小:functionresizeFlash(h){//"flash-node-id"istheIDoftheembeddedFla

javascript - 将 WMD 编辑器的预览 HTML 与服务器端 HTML 验证对齐(例如,没有嵌入的 JavaScript 代码)

关于如何对WMD编辑器生成的Markdown进行服务器端清理以确保生成的HTML不包含恶意脚本,如下所示:但我也没有找到堵住客户端漏洞的好方法。当然,客户端验证不能替代服务器上的清理验证,因为任何人都可以假装是客户端并向您发送令人讨厌的Markdown。而且,如果您在服务器上删除HTML,攻击者将无法保存错误的HTML,这样其他人以后就无法看到它,并且他们的cookie被盗或session被错误的脚本劫持。因此,有一个有效的案例表明,在WMD预览Pane中执行无脚本规则可能也不值得。但想象一下,攻击者找到了一种将恶意Markdown放到服务器上的方法(例如,来自另一个站点的受损提要,或

javascript - 如何检测 HTML 元素内容的变化?

我正在使用RubyonRails3.1.0和jquery-railsgem。我想将一个jQuery事件(也许我可以使用live功能......)绑定(bind)到一个HTMLdiv标签,这样我就可以检查它的内容变化,如果所以(也就是说,如果新代码被添加到div标签),在另一个HTMLdiv标签中创建自定义文本。也就是说,在我的View文件中我有:我想添加\删除一个“你好!”div中带有id="div_content_2"的文本消息每次divcontent中带有id="div_content_1"更改(在我的例子中,当HTMLinput字段添加到div标签时-请阅读下面的示例)。例如(在

javascript - 如何使用 Jquery 根据 html 中的关键字为元素的背景着色

我正在尝试使用Jquery首先识别span标记中的特定单词,然后为嵌套它的div的背景着色。HTML如下所示:WorkshopToddlersareespeciallywelcometoBALTIConTuesdays.Joininthefun,asaBALTICartistleadsapracticalsessionusingavarietyofmaterials,...所以我认为我需要使用Jquery来确定是否等于“Workshop”,然后使用类highlight为div着色(例如,将背景设置为#000)。我需要重复此操作,以便为每个具有不同值的div.highlight赋予不同的

javascript - 在正文 html 中搜索某些文本的最佳方法是什么

截至目前,我正在使用JavaScript搜索方法来替换正文HTML中的一些文本,如下所示。假设我的html是Iaminbody...然后我使用下面的方法varbody=$(body);vartext=body.html();text=text.replace('Iaminbody...','Yes');body.html(text);但我可以在IE等浏览器中看到缓慢的页面搜索..请建议我改进这一点,如果有任何插件可以搜索和匹配字符串,即使它包含任何html标签,也请告诉我。如下所示Iaminbody...用目前的方法我无法匹配这个..如果我使用$('*:contains("somese

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件

javascript - 如果将前端代码分组有助于减少请求,为什么不将更多网站写在一个 html 文档上?

我想我想问的是,如果将JavaScript分组被认为是一种好的做法,为什么没有更多的网站将JavaScript和CSS直接放入一个HTML文档中? 最佳答案 whydon'tmorewebsitesplacetheJavaScriptandCSSdirectlyintooneHTMLdocument单个文件缓存。外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享,因此最好将它们与页面分开,使页面更轻便。与其下载500kb的嵌入JS和CSS的页面数据,为什么不加载5kb的页面,并从缓存中加载495kb的JS和

javascript - 如何使用 jquery 获取 html 5 多文件上传变量的值?

即使我使用下面的html选择了多个文件。我只得到第一个选择文件的值。我正在使用一个简单的:varfilelist=$("#multiplefiles").val()||[];$.each(filelist,function(i,myfile){console.log('foundfile'+i+'='+myfile);});请告知我如何获取所有文件的列表...例如在输入字段中选择的字符串是:C:\Users\Public\Pictures\SamplePictures\Hydrangeas.jpg,C:\Users\Public\Pictures\SamplePictures\Chry

javascript - 使用 JavaScript 从 HTML5 data-* 属性获取 JSON 对象

这是我的HTML:到目前为止,这是我的JavaScript:vara=document.querySelectorAll('[data-setup]')for(vari=0;i这会提醒:ALERT:{"method":"checkbox"}但是我怎样才能访问JSON“方法”?我想基本上能够提醒“复选框”这个词。任何帮助表示赞赏。 最佳答案 JSON.parse将是从该JSON创建适当对象的最简单方法:for(vari=0;i当然,这在旧版浏览器中不起作用,因此如果您需要那种浏览器支持,则需要填充它。道格拉斯克罗克福德有垫片here,