草庐IT

react-html-attrs

全部标签

javascript - 如何使用 jQuery 将 html 附加到 <head>

我正在尝试将Facebook开放图标记(基于页面上动态生成的内容)附加到我的html的头部。$(document).ready(function(){varstat=$('#random-message').text();stat=jQuery.trim(stat);//setfacebookOpenGraphdescription$('head').append('');});这本身就可以正常工作。jsfiddle当我将它与动态加载的Twitter脚本结合使用时(如下)$(document).ready(function(){varstat=$('#random-message').

javascript - 谷歌地图 v3 : need multiple draggable markers to update HTML input fields

我正在开发一个使用GoogleMapsv3的项目,该项目将允许用户拖放随机放置的标记(用php生成的数量、坐标和标签)。我想要移动标记的纬度和经度来更新页面上的html输入字段。不幸的是,我对js了解不够,无法通过使用数组和/或“可变变量”以有效的方式为每个标记赋予唯一标识。到目前为止,这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}functioninitialize(){varlatlng=newgoogle.maps.LatLng(39.3939,-11

javascript - jQuery.data 和动态变化的 HTML5 自定义属性

问题:jQuery对象html5自定义属性数据正在被缓存。在我的应用程序中,我有一个带有字段的表单,该字段具有不断变化的自定义数据属性,并且此特定行为对于表单的功能是必不可少的。我们这里有:有一个带有一些默认自定义属性的输入字段:获取自定义属性对于$('input').data(),结果将是{test="4"}更改自定义属性$('input').attr('data-test','5')再次获取自定义属性对于$('input').data(),结果将STILL{test="4"}问题如何使用$.data()函数始终确保获得所有真正的自定义属性,一个元素上可以有多个?我在每次获取之前尝试

javascript - 替换字符串中的单词,但忽略 HTML

我正在尝试编写一个突出显示插件,并希望保留HTML格式。使用javascript进行替换时是否可以忽略字符串中之间的所有字符?以下面为例:varstring="Loremipsumdolorspansitamet,consectetuerdoloradipiscingelit.";我希望能够实现以下目标(将“dolor”替换为“FOO”):varstring="LoremipsumFOOspansitamet,consectetuerFOOadipiscingelit.";或者甚至是这样(将“span”替换为“BAR”):varstring="LoremipsumdolorBARsit

Javascript 清理 : The most safe way to insert possible XSS html string

目前我正在将此方法与jQuery解决方案结合使用,以从可能的XSS攻击中清除字符串。sanitize:function(str){//returnhtmlentities(str,'ENT_QUOTES');return$('').text(str).html().replace(/"/gi,'"').replace(/'/gi,''');}但我觉得它不够安全。我错过了什么吗?我在这里尝试了phpjs项目中的htmlentities:http://phpjs.org/functions/htmlentities:425/但它有点错误并返回一些额外的特殊符号。也许是旧

javascript - 使用 Javascript 捕获 react 时间,准确性问题

我正在构建一个点探测任务(人们必须在图像消失后对一个点做出快速react),我们需要测量react时间并显示预定义时间间隔内的刺激,以便在在线治疗研究中使用。我们已经决定使用Javascript,我们愿意对用户施加一些限制,即排除IE等。不过我们不能完全禁止Windows。我读了JohnResig'spost关于这个话题,根据这个,我们将不得不禁止Windows上的所有浏览器,除了Firefox和Chrome。另外thisanswer建议使用console.time();作为FF和Chrome的最佳实践。我有一些后续问题,考虑到Resig的帖子现在已有4年历史,并且上面的问题是关于测量

javascript - jsx --watch 将 jsx 语法转换为小写 "react"而不是大写 "React"

我在这里松散地关注facebooksReact教程,http://facebook.github.io/react/docs/getting-started.html,但我将其应用于不同的html文件。这是我的html文件,基于React入门工具包:HelloReact我安装了react-tools,现在当我运行“jsx--watchsrc/build/”它正在转换这个片段:varCommentBox=React.createClass({render:function(){return(Hello,world!IamaCommentBox.);}});React.renderComp

javascript - react .js : data not getting populated

我正在React.js网站上做教程。这是我的代码:HelloReact/***@jsxReact.DOM*///Theabovedeclarationmustremainintactatthetopofthescript.//YourcodeherevarcommentsData=[{author:"PeteHunt",text:"Thisisonecomment"},{author:"JordanWalke",text:"Thisis*another*comment"}];varCommmentBox=React.createClass({getInitialState:functi

javascript - 在reactjs中将字符串作为html

我有一个返回几行html的函数,如下所示:render:function(){varbadges=user.get('achievements').badges.map(function(badge){varstr=''+badge.text+'')break;case'1':str+=('fa-shopping-cart">'+badge.text+'')break;...}returnstr;});return({badges});}在执行此操作时,字符串将按其在页面上的形式呈现为文本:VisionaryActiveLoremIpsumDolorAmet;如何将其呈现为正确的HTM

javascript - 使用 React.JS 检索和缓存 SVG 节点边界框​​的最佳方法

我正在渲染带有标签的SVG组件。这些标签组件需要根据它们的文本内容(以及它们的大小)正确布局,以避免相互重叠。要获得每个标签的真实大小,似乎每次更新标签内容时都需要双重渲染。在标签组件级别,我需要第一次渲染检索真实SVGDOM节点的边界框出于性能原因缓存边界框重新渲染组件以根据其缓存的边界框调整标签位置然后,在每次重绘时:根据缓存的边界框渲染比较之前和更新的props之间的标签内容,如果有变化:更新并缓存标签边界框根据更新和缓存的边界框重新渲染到目前为止,这是我实现标签组件的方式:varLabel=React.createClass({updateBBox:function(){//T