1.
关于CSS的引用
Q：/css/style.css" rel=stylesheet title=mysytle type=text/css>
这个语句，link了一个外部CSS文件，没有余下代码中看到有地方 用“class =
样式名称”的方式用，为什么？
A：一个CSS文件中包含了很多的样式单元。
其中有一些是只要引用了CSS文件，系统就会自动引用到页面。
还有的是必须要引用CSS文件，还需要 class = "样式名称" 才能起到作用。
那是怎么区分的呢？看如下代码：
//start.css文件
...
BODY {
FONT-FAMILY: 宋体,楷体,黑体,幼圆; FONT-SIZE: 9pt
}
...
.buttons02 {
BACKGROUND-COLOR: #0066FF; BORDER-BOTTOM: black
1px groove; BORDER-LEFT: #99ccff 1px ridge; BORDER-RIGHT: black 1px
groove; BORDER-TOP: #99ccff 1px ridge; COLOR: white; FONT-FAMILY:
宋体,楷体,黑体,幼圆,trebuchet, Arial, geneva; FONT-SIZE: 9pt
}
...
如上代码：
凡是类似于 .buttons02这种写法，以‘.’开头的，则是必须要引用CSS文件，同时还需要 class =
"buttons02"才能用。这是CSS的语法。
其他的，像BODY这样的，只需要引用了CSS文件，系统会自动应用这个样式到页面的相应部分。
2.
js跳转
Q：
window.location="./role_manager.jsp?date="+new Date();
如上所示，在进行这个js跳转的时候，后面这个date="+new Date() 是什么啊？ 传的参数？那接受这个参数的函数是什么呢？
A：这个 date=“new
Date()”确实是给目的页面传的参数，但是是没有地方接受它的。
原因是这样的，网页的对话框会留有缓存，如果不换一个新的参数的话，网页每次打开都会是一样的数据。但是传了一个系统日期(日期每次都会变)，所以对话框就可以每次都获取到新页面了。
3.JavaScript -- confirm 函数的用法
Q：向用户提示时用 alert 还是 confirm 呢？
A：alert 弹出消息对话框，对话框中有一个OK按钮，没有返回值。
confirm
弹出对话框，可以进行是/否的选择。
confirm函数
confirm函数用于提供确认功能，它首先显示给定的message参数所包含的信息，并提供两个可选择的回答“ok”和“cancel”，然后等待用户选择其中的一个。如果用户选择“ok”则返回true；否则，如若选择“cancel”则返回false。该函数的语法格式如下：
window.confirm (message, ok,
cancel); //后两个参数可以省略，默认为 “ok”“cancel”
它有3个参数，其中参数message是欲显示的字符串形式的提示信息；参数ok也是用于显示的一个字符串信息，它可以是“OK”，也可以是其他表示OK意义的文本信息，如“I
Agree”、“I
Like”等等；同样，参数cancel也是用于显示的字符串信息，可以是“Cancel”文本，也可以是其他表示Cancel意义的文本信息。
最简易的例子：if
(!confirm("确定要重写吗？")) return false;
4.Javascript -- 用window.location和window.open做链接的区别
Q： 从本页面跳转到另一个页面，用 window.location 还是 window.open
？
A： 两者的区别如下：
window.open 用来打开新窗口
window.location 用来替换当前页，也就是重新定位当前页
Q： window.document.action
呢？
window.document.form[i].action 呢？
formName.action 呢？
为啥用window.document.action跳转无反应，用formName.action
就成功了呢？
Q: **.submit()呢？
5.Javascript -- 弹出显示HTML内容的对话框
Q：那要弹出一个显示HTML内容的对话框，该用哪个？
A：弹出显示HTML内容的对话框 要用
window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog() 方法用来创建一个显示HTML内容的非模态对话框。
具体使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
sURL ：必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments ：可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
：可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
eg.
dialogHeight: 对话框高度，不小于100px
dialogWidth: 对话框宽度。
dialogLeft: 离屏幕左的距离。
dialogTop: 离屏幕上的距离。
center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
status: {yes | no | 1 | 0 } [IE5+]： 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
scroll: { yes | no | 1 | 0 | on | off }： 是否显示滚动条。默认为yes。
Q：如何关闭 showModalDialog 呢？
A：window.close();
Q：如何从showModalDialog 中获取返回值呢？
A：在 showModalDialog 的页面里 ：
在父页面里：
这个 str 就是 Dialog 返回的 “http://www.51js.com”
6.HTML --
标签
Q： 如何做下拉菜单？
A： 用
标签。
例如：
创建带有 4 个选项的选择列表：
="volvo">Volvo
="saab">Saab
value="opel">Opel
value="audi">Audi
注：这里
option标签的属性 value
是定义送往服务器的选项值。option标签的文本才是下拉菜单显示的值。
7.js 中 select options 的操作
Q：如何判断select里面的哪个option被选中呢？
A：时机可以定在 select标签的onchange属性上
方法如下：
var type =
window.document . getElementById("bookman"); //获取select(bookman为select标签的name id)
var typeId
= type.options
[type.selectedIndex].id; //获取选中的option的ID
var
typeValue = type.options
[type.selectedIndex].text; //获取选中的option的文本
Q：如何在select中新添加一个option呢？
A：代码如下：
var oDose= window.document
. getElementById(to_bookman");//获取select的实例
var oOption=new
Option(s,s); //new Option("文本", "值");
oDose.options[oDose.options.length]=oOption;//把new的option插入到options[]的末端
扩充：js中select options 的属性
Select
选择区(下拉菜单、列表)对象 由“”指定。 属性 *
name 返回/设定用指定的元素名称。 *
length 返回 Select 对象下选项的数目。 *
selectedIndex 返回被选中的选项的下标。这个下标就是在 options[] 数组中该选项的位置。如果 Select 对象允许多项选择，则返回第一个被选中的选项的下标。 *
form 返回包含本元素的表单对象。 方法 *
blur() 从对象中移走焦点。 *
focus() 让对象获得焦点。
事件 *
onchange options[]
Option 选择项对象，options[]是一个数组，包含了在同一个 Select 对象下的
Option
对象。Option 对象由“”下的“”指定。
options[] 数组的属性 *
length; selectedIndex 与所属 Select 对象的同名属性相同。 单个 Option 对象的属性 * text 返回/指定 Option 对象所显示的文本 * value 返回/指定 Option 对象的值，与一致。 *
index 返回该 Option 对象的下标。对此并没有什么好说，因为要指定特定的一个 Option 对象，都要先知道该对象的下标。这个属性好像没有什么用。 *
selected 返回/指定该对象是否被选中。通过指定 true 或者 false，可以动态的改变选中项。 *
defaultSelected 返回该对象默认是否被选中。true / false
7.换行 空行 绘制水平线 段落
Q：如何在网页还总嵌入一个空行？
吗？
A：
空行的话用两个换行符就OK了吧...
换行符：
标签是空标签(意味着它没有结束标签，因此这是错误的：
)。
关于水平线：
标签在 HTML
页面中创建一条水平线。 可以利用其属性来对水平线进行设置：
eg.
style="border:1 double green" />
关于段落显示：
标签定义段落
p 元素会自动在其前后创建一些空白。
eg.
This is some text in a very
short paragraph
8.js
文本输入控件的操作
Q：HTML
标签
A：
标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols(规定文本区内的可见宽度) 和
rows(规定文本区内的可见行数) 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和
width 属性。
Q: js
如何的到 标签里用户的输入呢？
A：利用js代码
Q: js 如何给
输入框内容赋值呢？
A: 代码如下：
var oDose=
window.document.getElementByIdx_x_x_x_x("to_bookman");//获取对象
oDose.value = “文本框内容”;
扩充：document . getElementById介绍
函数原型：
oElement = document . getElementById( sID )
参数： sID : 必选项。字符串 (String)
。
返回值： oElement : 对象 (Element)
注意：返回值是一个对象。不是具体的值，它有
value 和 length
等属性，加上
.value 得到的才
是具体的值！
关于参数与返回值，我们看个例子：
text1：
/>
text2：
/>
name="Submit" value="text1" οnclick=alert(document . getElementById( 'textName2').value)
/>
name="Submit2" value="text2" οnclick=alert(document . getElementById( 'textName1').value)
/>
我在IE中测试了上面的代码，在第一个文本框中输入1，在第二个文本框中输入2，然后点下面的两个按钮，猜一下结果是什么？
我本意是按钮1返回第一个文本框的值，按钮2返回个文本框的值。
结果是两个按钮都返回了第一个文本框的值。
结论: ie 执行document
. getElementById( elementName)的时候，返回的是第一个name
或者id等于elementName的对象，并不是按照ID来查找的。
9. html -- label
Q：lable元素是干啥的？
A：
标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label
元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
标签的 for 属性应当与相关元素的 id
属性相同。
例如：
for="male">Male
id="male" />
for="female">Female
id="female" />
得到图如下，既点击前面字和点击后面input的效果是一样的，都会选中：
10.本地文件浏览 上传
Q：如何实现本地文件的浏览和上传呢？
A：用input控件的type="file"
实例代码：
id="fileUpload" type="file" name="fileUpload" />
得到如下控件：
通过“浏览...”可以浏览选择本地文件。
上传的jsp代码：
function Trim(input)
{
var lre =
/^\s*/;
var rre =
/\s*$/;
input =
input.replace(lre, "");
input =
input.replace(rre, "");
return
input;
}
// filter the files before Uploading for text file only
function CheckForTestFile() {
var
file =
document.getElementByIdx_x_x_x('fileUpload');//得到input控件的对象
var
fileName=file.value; //得到用户浏览选中的文件地址
//Checking
for file browsed or
not //文件名为空的参数判断
if
(Trim(fileName) =='' )
{
alert("请为上传选择一个文件!!!");
file.focus();
return
false;
}
//判断上传文件的大小 var
fso,f;
fso=new
ActiveXObject("Scripting.FileSystemObject");
f=fso.GetFile(fileName);
if(f.size>1024*1024*2)//2M
{
alert(f.size+" Bytes");
return
false; }
//Setting
the extension array for diff. type of text
files
//允许的文件类型列表
var
extArray = new Array(".jpg", ".gif", ".bmp", ".png", ".txt",
".doc");
//getting
the file name
//得到文件名称
while
(fileName.indexOf("\\") != -1)
fileName = fileName.slice(fileName.indexOf("\\") + 1);
//Getting
the file
extension
//得到文件的扩展名 var ext =
fileName.slice(fileName.indexOf(".")).toLowerCase();
//matching extension with our given extensions.
//判断扩展名是否是允许的
for (var i =
0; i < extArray.length; i++) {
if (extArray[i] == ext)
{
//具体的上传到服务器的操作.......
return true;
}
} alert("正确的文件格式为 "
+ (extArray.join(" ")) + "\n请选择一个新的 "
+ "文件提交上传.");
file.focus();
return
false;
}
482
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
