最近看了javascript dom部分 尝试做了一个简单的小东西 --- 网页收藏----思路很简单 ,但还是发现了问题 ,每次添加的数据关闭网页之后再打开网页没有任何数据,也就是说添加的数据只有没有关闭浏览器的时候可用。。我的想法是 能否让添加的标签直接加入到htnl代码中(在查看代码中能看见加入的代码),但试过很多方式 还是得不到解决。。 希望大家能给个解决方案
<input type="button" value="添加" onclick="fn1()"><br/>
<input type="text" id="tex1" size=40/><br/>
<input type="text" id="tex2" size=40/><br/>
<table id="tableStyle">
<tr>
<td align="left">网站名称</td>
<td align="left">网址</td>
/ *<td align="left">google</td>=>能通过js将代码添加到这,这样再打开浏览器就能显示了不知道我的想法对不对
<td align="left">www.g.cn</td>
*/
</tr>
</table> <script>
var fn1 = function(){
var oTable = document.getElementById("tableStyle");
var tex1 = document.getElementById("tex1");
var tex2 = document.getElementById("tex2");
if(tex1.value =="" ||tex1.value == null ){
alert("请输入网站的名称");
return//退出程序
}
else if(tex2.value == "" || tex2.value == null){
alert("请输入网址");
return
}
oTable.insertRow(1);//确定新插入行的位置
oTable.rows[1].insertCell(0);//引入新插入的行以及单元格放置的位置
oTable.rows[1].cells[0] .appendChild(document.createTextNode(tex1.value));
oTable.rows[1].insertCell(1);
var url =
oTable.rows[1].cells[1] .appendChild(document.createTextNode(tex2.value));
}
<input type="button" value="添加" onclick="fn1()"><br/>
<input type="text" id="tex1" size=40/><br/>
<input type="text" id="tex2" size=40/><br/>
<table id="tableStyle">
<tr>
<td align="left">网站名称</td>
<td align="left">网址</td>
/ *<td align="left">google</td>=>能通过js将代码添加到这,这样再打开浏览器就能显示了不知道我的想法对不对
<td align="left">www.g.cn</td>
*/
</tr>
</table> <script>
var fn1 = function(){
var oTable = document.getElementById("tableStyle");
var tex1 = document.getElementById("tex1");
var tex2 = document.getElementById("tex2");
if(tex1.value =="" ||tex1.value == null ){
alert("请输入网站的名称");
return//退出程序
}
else if(tex2.value == "" || tex2.value == null){
alert("请输入网址");
return
}
oTable.insertRow(1);//确定新插入行的位置
oTable.rows[1].insertCell(0);//引入新插入的行以及单元格放置的位置
oTable.rows[1].cells[0] .appendChild(document.createTextNode(tex1.value));
oTable.rows[1].insertCell(1);
var url =
oTable.rows[1].cells[1] .appendChild(document.createTextNode(tex2.value));
}
解决方案 »
- 发送表单后,如何使接收内容是一个表格
- 动态生成的checkbox ,在IE中不能获取到,在火狐却可以
- Ext.form.TextArea 在IE6 下不显示?
- 插入新元素不成功
- 使用JavaScript调用ActiveX控件无法给属性赋值
- javascript中的语法问题,急!!!!!!!!!!!!!!!!11
- 谁会不使用showModalDialog,却做出showModalDialog的效果来。
- 求助!!!
- (up有分)如何用JavaScript实现表格的自动计算和自动增删行?
- 怎么用javascript來刪除選擇菜單里的所有內容(選項)
- 使用js判断文本框不能输入空格
- 长远的考虑:该不该采用Jquer? 欢迎大家讨论一下
因为你用js改写的只是客户端的显示内容,实际的Web页面文件没有改变
重新打开页面,又重新初始化了页面(为空的页面)可行的方法,是将改写的内容写入数据库,页面加载时调入数据库内容
js也可以操作cookie