摆渡人,外婆桥!
----只要路选对了,就不怕有多远!
javascript在IE和Firefox中的区别1
1.调用appendChild方法增加input对象,设置type属性的位置
1
<
html
>
2
<
head
>
3
<
title
>
test
</
title
>
4
<
script
language
="javascript"
>
5
function
test()
{
6
var
tbodyElement
=
document.getElementById(
"
tbody1
"
);
7
var
trElement
=
document.createElement(
"
tr
"
);
8
var
idTDElement
=
document.createElement(
"
td
"
);
9
10
idTDElement.innerHTML
=
1
;
11
var
nameTDElement
=
document.createElement(
"
td
"
);
12
13
var
inputElement
=
document.createElement(
"
input
"
);
14
nameTDElement.appendChild(inputElement);
15
inputElement.type
=
"
button
"
;
16
//
在IE中,这句话将会抛出异常,但在firefox能正常运行,如果type为text或者不设置type属性,也都能正常运行
17
inputElement.value
=
"
Invoke
"
;
18
/**/
/*
19
修改成下面的语句就能正常运行:
20
var inputElement=document.createElement("input");
21
inputElement.type="button";
22
nameTDElement.appendChild(inputElement);
23
*/
24
25
tbodyElement.appendChild(trElement);
26
trElement.appendChild(idTDElement);
27
trElement.appendChild(nameTDElement);
28
}
29
</
script
>
30
</
head
>
31
<
body
>
32
<
input
type
="button"
value
="insert"
onclick
='test()'
>
33
<
table
cellpadding
="0"
cellspacing
="0"
border
="1"
>
34
<
tbody
id
='tbody1'
>
35
<
tr
>
36
<
td
width
="50"
>
ID
</
td
>
37
<
td
width
="200"
>
name
</
td
>
38
</
tr
>
39
</
tbody
>
40
</
table
>
41
</
body
>
42
</
html
>
2.appendChild一个radio对象,设置该对象的name属性
1
var
nameTDElement
=
document.createElement(
"
td
"
);
2
var
radioElement
=
document.createElement(
"
input
"
);
3
radioElement.type
=
"
radio
"
;
4
nameTDElement.appendChild(inputElement);
5
radioElement.name
=
"
testRadioName
"
;
//
这句话在firefox是起作用的,但在IE下是不起作用的
6
/**/
/*
解决的办法是
7
var radioElement=document.createElement("<input name='testRadioName'>");
8
radioElement.type="radio";
9
nameTDElement.appendChild(inputElement);
10
*/
3.对select控件增加和删除Option
1
<
html
>
2
<
head
>
3
<
title
>
test
</
title
>
4
<
script
language
="javascript"
>
5
function
deleteRow()
{
6
var
selectElement
=
document.getElementById(
"
select1
"
);
7
selectElement.options.remove(
1
);
//
IE:OK Firefox:Failure
8
selectElement.remove(
1
);
//
IE:OK Firefox:OK
9
}
10
function
insertRow()
{
11
var
selectElement
=
document.getElementById(
"
select1
"
);
12
var
option
=
new
Option(
"
eeee
"
,
5
);
13
selectElement.add(option);
//
IE:OK Firefox:Failure
14
selectElement.options.add(option);
//
IE:OK Firefox:OK
15
}
16
</
script
>
17
</
head
>
18
<
body
>
19
<
input
type
="button"
value
="Delete"
onclick
='deleteRow()'
>
20
<
input
type
="button"
value
="Insert"
onclick
='insertRow()'
>
21
<
select
id
="select1"
>
22
<
option
value
="1"
>
aaa
</
option
>
23
<
option
value
="2"
>
bbb
</
option
>
24
<
option
value
="3"
>
ccc
</
option
>
25
<
option
value
="4"
>
ddd
</
option
>
26
</
select
>
27
</
body
>
28
</
html
>
发表于 2007-04-11 16:33
swingboat
阅读(2304)
评论(6)
编辑
收藏
所属分类:
javascript&DHTML&CSS
评论
#
re: javascript在IE和Firefox中的区别1[未登录]
为什么我看过你的“在struts1.1框架下,利用smartupload实现文件的上传(可以是多个文件) ”文章后,做了Action 接受上传文件不行呢?
#
re: javascript在IE和Firefox中的区别1[未登录]
Action 如下:
public ActionForward loader(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
LoadFileForm loadFileForm = (LoadFileForm) form;
ActionForward forward = null;
//实例化上载bean
SmartUpload mySmartUpload = new SmartUpload();
String suc =null;
ServletConfig config = getServlet().getServletConfig();
try {
//初始化
mySmartUpload.initialize(getServlet().getServletConfig(),request, response);
//上载文件
mySmartUpload.upload();
} catch (ServletException e1) {
e1.printStackTrace();
} catch (IOException e1) {
e1.printStackTrace();
} catch (SmartUploadException e1) {
e1.printStackTrace();
}
//获取除文件以外的相关信息,例如upload.jsp中隐藏控件id的值
String strId=(String)mySmartUpload.getRequest().getParameter("id");
suc= "ok!!";
//String cnt=(String)request.getParameter("id");
//获得总的文件数
Files files=mySmartUpload.getFiles();
//int count = mySmartUpload.getFiles().getCount();
//转换为视图
Collection col=files.getCollection();
//遍历输出
Iterator it=col.iterator();
String filePath = null;
String path =null;
while(it.hasNext()){
File file=(File)it.next();
//得到文件名
String oldFileName=file.getFileName();
//得到没后辍的文件名
String name = oldFileName.substring(0, oldFileName.lastIndexOf('.'));
//得到文件大小
int fileSize = file.getSize();
//得到后辍
String extname=file.getFileExt();
//得到文件保存路径
filePath = request.getRealPath("/jsp");
//拼成完整的保存路径名
path = filePath +"/" +name +"_" +fileSize +"." +extname;
//String fileName=Sequence.getSequence()+"."+extname;//产生一个唯一的文件名
try {
file.saveAs(path);
} catch (IOException e) {
e.printStackTrace();
} catch (SmartUploadException e) {
e.printStackTrace();
}
}
request.setAttribute("suc",response);
forward = mapping.findForward("success");
return forward;
}
#
re: javascript在IE和Firefox中的区别1[未登录]
Jsp页面如下:
<%@ page language="java" contentType="text/html;charset=gb2312"%>
<%@ taglib uri="
http://struts.apache.org/tags-bean"
prefix="bean"%>
<%@ taglib uri="
http://struts.apache.org/tags-html"
prefix="html"%>
<%@ taglib uri="
http://struts.apache.org/tags-logic"
prefix="logic"%>
<%@ taglib uri="
http://struts.apache.org/tags-tiles"
prefix="tiles"%>
<html>
<head>
<title>upload</title>
<style>
.lbtn {
font-family: verdana;
font-size: 10.5pt;
}
.ist {
font-family: verdana;
font-size: 14.8px;
size: 400
}
<!--
.STYLE2 {
font-size: 16px
}
.STYLE3 {
font-size: 36px;
font-weight: bold;
}
.STYLE4 {
color: #FFFFFF
}
body {
background-color: #99CCFF;
}
.STYLE9 {
font-size: 18px
}
-->
</style>
<script LANGUAGE="javascript">
function check(){
document.frm1.submit();
<!--document.body.innerHTML="Uploading Please wait!"; -->
}
var i=0;
function create(){
var sfrm = document.frm1.innerHTML;
var icnt = cnt.value;
for(j=0;j<icnt;j++)
{
sfrm = sfrm + "请选择文件 "+i+" <input type=file name='file"+i+"' class=ist>";
sfrm = sfrm + " 路径:<input type=text name='path"+i+"' value='' class=ist>";
sfrm = sfrm + "<br>";
i++;
}
document.frm1.innerHTML = sfrm;
document.frm1.cnt.value=i;
}
</script>
</head>
<body class=lbtn onload="document.frm1.cnt.value=cnt.value;">
<!-- 页头 -->
<jsp:include page="../../menu.jsp" />
<br>
<br>
<br>
<p align="center">
<span class="STYLE3">上 传</span>
</p>
<logic:notEmpty name="suc">
<bean:write name="suc"/>
</logic:notEmpty>
<center>
请输入要上传文件的数量:
<input type=text name=cnt value="1" class=ist onchange="document.frm1.cnt.value=this.value;">
<input type=button name=bt1 value="生成上传文件框" onclick="create();" class=lbtn>
<input type=button name=bt1 value="上传" onclick="check();" class=lbtn>
<input type=button name=bt1 value="清除" onclick="document.location.reload();" class=lbtn>
<form name=frm1 method="post" encType="multipart/form-data" action="/dps_mj04/loadFile.do">
<input type=hidden name=cnt value="20" class=ist>
<input type = "hidden" name="status" value="loader">
<input type = "hidden" name="id" value="good">
</form>
<input type=button name=bt1 value="上传" onclick="check();" class=lbtn>
<input type=button name=bt1 value="清除" onclick="document.location.reload();" class=lbtn>
</center>
</body>
</html>
#
re: javascript在IE和Firefox中的区别1[未登录]
经过我的测试,问题是Action中:
//获取除文件以外的相关信息,例如upload.jsp中隐藏控件id的值
String strId=(String)mySmartUpload.getRequest().getParameter("id");
//获得总的文件数
Files files=mySmartUpload.getFiles();
得不到jsp页中的数据。不知道为什么?jps
#
re: javascript在IE和Firefox中的区别1[未登录]
jsp页面可以正常找到Action中的方法,执行完后也可正常跳回本页。
#
re: javascript在IE和Firefox中的区别1[未登录]
可以给我解答吗?谢谢!!!
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
IE对select的处理,又一怪现象:innerHTML竟然不起作用。
在IE下,页面只有一个text的时候,回车将自动submit。
设置input的内容居中?
可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?
HTML的特殊字符
javascript在IE和Firefox中的区别1
利用div进行页面的布局2(position属性)
利用div进行页面的布局1(float&clear属性)
javascript转换日期字符串为Date对象
Table中table-layout:fixed样式的作用。
<
2007年4月
>
日
一
二
三
四
五
六
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
公告
导航
BlogJava
首页
发新随笔
发新文章
联系
聚合
管理
统计
随笔: 51
文章: 1
评论: 50
引用: 0
常用链接
我的随笔
我的评论
我的参与
最新评论
留言簿
(4)
给我留言
查看公开留言
查看私人留言
随笔分类
JAVA(21)
(rss)
javascript&DHTML&CSS(15)
(rss)
Oracle/MySQL(6)
(rss)
SOA(1)
(rss)
WEB2.0(4)
(rss)
WorkFlow&BPEL(1)
(rss)
名词概念(1)
(rss)
架构模式
(rss)
汽车&甲壳虫
(rss)
设计模式(3)
(rss)
软件工程(1)
(rss)
随笔档案
2007年9月 (1)
2007年8月 (3)
2007年7月 (1)
2007年5月 (2)
2007年4月 (4)
2007年3月 (1)
2007年2月 (1)
2006年12月 (1)
2006年11月 (2)
2006年10月 (1)
2006年8月 (1)
2006年4月 (1)
2006年3月 (2)
2006年2月 (4)
2005年12月 (26)
文章档案
2006年1月 (1)
IT
Delver 's Study BLOG
竹笋炒肉
搜索
积分与排名
积分 - 132413
排名 - 465
最新随笔
1. IE对select的处理,又一怪现象:innerHTML竟然不起作用。
2. 在IE下,页面只有一个text的时候,回车将自动submit。
3. 设置input的内容居中?
4. 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?
5. 利用JGroups同步两台server之间的cache。
6. 有关“+”和“_”的search。
7. synchronized的作用
8. HTML的特殊字符
9. 不同时区之间,时间的转换?
10. javascript在IE和Firefox中的区别1
最新评论
1. re: javascript转换日期字符串为Date对象
大牛
--sfafa
2. re: synchronized的作用[未登录]
把100换成1000就好了!
--xyz
3. re: synchronized的作用
晦涩难懂!
--无知者
4. re: synchronized的作用
好
--白河夜歌
5. re: 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?
评论内容较长,点击标题查看
--老梁
阅读排行榜
1. javascript转换日期字符串为Date对象(47697)
2. synchronized的作用(16385)
3. 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?(11067)
4. 不同时区之间,时间的转换?(7436)
5. 利用JGroups同步两台server之间的cache。(6591)
评论排行榜
1. synchronized的作用(18)
2. 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?(7)
3. javascript在IE和Firefox中的区别1(6)
4. javascript转换日期字符串为Date对象(4)
5. 在IE下,页面只有一个text的时候,回车将自动submit。(3)