如何保存javascript动态生成的标签？

qq-dabins 2008-10-17 11:00:33

想用一个网页登记住宿信息：
即填写好住宿信息后，点击按钮，就会将住宿信息写在当前网页上。



<script type="text/javascript">

    function insert_a_record() {

        var p = document.createElement("P");

        p.innerText = fm.record.value;

        document.body.appendChild(p);

    }

</script>



<form id="fm">

<input type="text" value="此处登记住宿信息" name="record">

<input type="button" value="保存一条住宿记录" onclick="insert_a_record()">

</form>

但问题出现了，这个动态生成的含有住宿信息的<P>标签，在网页刷新，或是重新打开后，就会不见。怎么办？

有没有办法不让它消失，又能完成住宿信息填写的功能？

...全文

86 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xdspower 2008-10-19

打赏
举报

这个问题的核心还是信息内容的持久化。
你的s_liangchao1s的方法其实会用到IE专属的ActiveX插件的。
其实这样的问题要看应用范围，在真实的网络环境中，一般对应这样的问题有这样一些处理方法：
1.本机临时保存或者长期保存可以采用本机Cookie的方式
2.利用Ajax技术把信息保存到服务器端
3.综合应用Ajax技术（在Cookie受限时考虑）和Cookie技术（优先考虑）
一般，对这类信息的记录还需要一些常规的信息，比如代表谁保存的用户ID类信息。

qq-dabins 2008-10-19

打赏
举报

假如还未插入任何一条语句，即还未创建informationlist的时候，调用document.body.load("infomationlist");
将会出错，请问怎么解决这个问题？

(也就是说，我把这个网页文件复制一份，给别人用时，他第一次打开时，将会出错。)

zperson 2008-10-17

打赏
举报

把insert_a_record()放在Body的load事件里试试看看呢

s_liangchao1s 2008-10-17

打赏
举报



<html>

<style>

.userData{

	behavior:url(#default#userdata);

}



</style>

<script type="text/javascript">

    function insert_a_record() {

        var p = document.createElement("P");

        p.innerText = fm.record.value;

        document.body.appendChild(p);

		// userData save

		document.body.setAttribute("Infomation", fm.record.value);

		document.body.save("infomationlist");

    }



	window.attachEvent('onload',loadInfo)



	// read userData

	function loadInfo(){

		document.body.load("infomationlist");

		var p = document.createElement("P");

        p.innerText = document.body.getAttribute("Infomation");

        document.body.appendChild(p);

	}

</script>



<form id="fm">

<body class="userData">

<input type="text" value="此处登记住宿信息" name="record">

<input type="button" value="保存一条住宿记录" onclick="insert_a_record()">

</body>

</form>

</html>

qq-dabins 2008-10-17

打赏
举报

不懂啊。css behavior 怎么用啊，举个简单的例子啊。

比如

<input style="behavior:url(#default#savehistory)" name="youname" type="text" id="yourname">

这个savehistory是个函数，还是别的什么？