html怎么取localstorage中的key值

html-css011

html怎么取localstorage中的key值,第1张

//取localStorage中的所有的键(Key)

for(var i=0i<localStorage.lengthi++){

      console.log(localStorage.key(i))

}

//取localStorage中的所有的值(Value)

for(var i=0i<localStorage.lengthi++){

      console.log(localStorage.getItem(localStorage.key(i)))

}

利用如Dreamweaver这样的工具生成html格式的静态页面模板,在需要动态更新内容的地方加入特殊标记(如下例的$htmlkey[ 0 ]、$ htmlkey[ 1 ]、$ htmlkey[ 2 ]等标记) ,在后台管理程序中利用代码读取此模板,然后获得前台表单输入的内容,利用输入的这些内容替换模板中特殊标记位置的标记,将最终替换过的所有模板代码生成HTML文件,生成新文件名后写入磁盘,写入后再向数据库中写入相关数据。下面以一个具体的实例给出在ASP. NET环境下利用C#语言编程的实现方法步骤。在ASP. NET环境下新建一个ASP. NETWeb应用程序项目dyn_news,在该项目下建立fabu. aspx文件再建立一个newHTML文件夹,在该文件夹下创建一个网页模板,模板文件名为temp late. html, 其HTML代码如下:<html ><head ><title >$ htmlkey[ 0 ] </ title ><meta http2equiv = "Content2Type"  content = " text/htmlcharset = gb2312" ></head ><body ><table $htmlkey[1 ] height = "100%" border = "0" width = "100%" cell2padding = "10"  cellspacing = "0"  bgcolor = " #eeeeee" ID = " Table1" ><tr ><td height = " 42" align = " left" valign = "middle" ><div align = " center" ><span style = " color: redfont2size: 20" >$ htmlkey[ 2 ] </ span ></div ></ td ></ tr ><tr ><td align = " left" valign = "middle" ><span style = " color:htmlkey[ 3 ] font2size: $htmlkey[ 4 ] " >$htmlkey[ 5 ] </ span ></ td ></ tr ></body ></html >在上面的模板中将网页中的固定信息填入,对动态更新的信息用一些固定的标记标记出来,以准备用一段程序进行替换。上面模板中的$htmlkey[ 0 ] ~$htmlkey[ 5 ]等标记就是要被替换的信息。从工具箱中拖入两个TextBox控件分别命名为txtTitle, txtContent,一个Button按钮控件命名为btnCreate,将其Text属性设置为“创建HTML文件”,再拖入Hy2perL ink控件命名为hyCreateFile,在属性中将Text设为“查看HTML文件”.双击btnCreate按钮进入到fabu. aspx. cs后台代码中,添加如下程序代码:using System/ /一些导入命名空间的语句,这里从略using System. IO/ /导入对文件操作命名空间using System. Text/ /导入对字符块操作命名空间p rivate void btnCreate_Click (object sender, System. EventArgs e)sr. Close ( ) }}catch ( Excep tion err) / /以下为标记数组赋值newContent[ 0 ] = txtTitle. Text/ /标题newContent[ 1 ] = " bgColor = ’#FFFFFF’" / /背景色newContent[ 2 ] = txtTitle. Text

<meta name="keywords" content="这是关键词">

注:<meta>标签是放在<head>标签内

大致为:

<html>

<head>

<meta name="description" content="这是描述">

<meta name="keywords" content="这是关键词">

<title>这是标题</title>

</head>

<body>

</body>

</html>