草庐IT

HTML5本地存储

全部标签

javascript - 达到限制时的本地存储、限制和数据过期

我尝试将对象存储在localStorage中,但有时我会用完空间。当我尝试使用localStorage存储对象但没有足够的存储空间时-有没有一种方法可以根据需要简单地删除尽可能多的本地数据以释放该空间,从最古老的元素?浏览器中是否有API可以让我这样做? 最佳答案 这是我刚刚提出的一个小型概念证明。它假定当您尝试存储项目但没有空间时抛出异常。代码有注释varStorage=function(iden){//astoragewrapperobjectvarstorage;//tempstoragewithvariableif(loca

javascript - 使用 html2canvas 将 highcharts 图表呈现为 pdf 在 IE 和 Firefox 上不起作用

我们正在使用html2canvas.js和html2canvas.svg.js(版本0.5.0beta1)和highcharts.js将圆环图下载为pdf。这在Chrome中按预期工作,但在IE和Firefox中不起作用。在IE中图表呈现不正确,而在Firefox中根本不呈现。下面是在Chrome、IE和Firefox中下载的截图ChromeIE(边缘)火狐我用来做html2canvas的代码如下:html2canvas($("#container"),{onrendered:function(canvas){varimgData=canvas.toDataURL('image/png

javascript - React - 如何在 JSON 中返回 HTML 元素

我有一个JSON文件,其中包含字符串中的HTML元素-是否可以将React/JSX中的数据作为有效呈现的HTML返回?varHello=React.createClass({render:function(){varexampleJSONData={"item":"Hello","text":"Loremipsumdolorsitamet"}return{data.item}{data.text};}});返回:HelloLoremipsumdolorsitamet而不是:HelloLoremipsumdolorsitametfiddle 最佳答案

javascript - 带有来自变量的 HTML 标记的 JSX

我有一个在JSX中定义的React组件,它使用td或th返回一个单元格,例如:if(myType==='header'){return(somecontent);}return(somecontent);是否有可能以从变量中获取HTML标记的方式编写JSX?喜欢:letmyTag=myType==="header"?'th':'td';return(somecontent);以上代码返回错误:"unexpectedtoken"pointingat{.我正在使用带有Babel插件的Webpack来编译JSX。 最佳答案 尝试像这样设置

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

我这里有一个简单的例子,它对我来说在Chrome11中没有触发http://jsfiddle.net/G9mJw/它包含一个非常简单的代码:vardropzone=document.getElementById('dropzone'),draggable=document.getElementById('draggable');functiononDragOver(event){varcounter=document.getElementById('counter');counter.innerText=parseInt(counter.innerText,10)+1;}dropzon

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 如何使用JS加载另一个html文件

我正在尝试创建一个网站,并且正在尝试弄清楚如何加载页面。例如:您单击导航器“主页”,然后单击屏幕底部,它会加载一个页面女巫文本,例如“HelloWord!”。有人知道怎么办吗?我很确定它涉及JavaScript。 最佳答案 要动态加载内容,您可以使用XMLHttpRequest()进行AJAX调用。在此示例中,一个url被传递给loadPage()函数,其中返回加载的内容。functionloadPage(href){varxmlhttp=newXMLHttpRequest();xmlhttp.open("GET",href,fal

javascript - 在 ES6 Set 中存储数组并按值访问它们

是否有一种简单的方法来验证ES6Set包含的值是特定数组?我想要一个不需要我使用引用的解决方案:varset=newSet();vararray=[1,2];set.add(array);set.has(array);//trueset.add([3,4]);set.has([3,4]);//false到目前为止,我的解决方案是将所有内容存储为字符串,但这很烦人:set.add([3,4].toString());set.has([3,4].toString());//true 最佳答案 不,没有。Set适用于对象和基元,对于防止相

javascript - 如何将 JSON 数据存储和检索到本地存储?

我有这个代码:varstring='{"items":[{"Desc":"Item1"},{"Desc":"Item2"}]}';localStorage.setItem('added-items',JSON.stringify(string));此代码将使用localStorage。下面是获取存储数据的代码:varretrievedObject=localStorage.getItem('added-items');我现在的问题是,如何获取数据项的大小?答案必须是2。如何获取“Item1”和“Item2”?我尝试了retrievedObject[0][0]但它不起作用。以及如何在上面