⑴ jsp页面上做非空判断
jsp页面的非空判断一般由js判断,判断方法有多种。
1、js获取对应输入框的值value
2、直接利用value==''判断是否非空或者利用正则表达式校验value
3、value为空弹出提示给用户
示例:
页面有如下输入框:
<input type="text" id="name" value=""/>
判断方法:
functionvalidEmpty(){
//获取输入框的输入值
varname=document.getElementById('name').value;
if(name==null||name==''){
alert("username不可为空");
returnfalse;
}
//用正则判断,至少要输入一个非空字符
varregex=/^S+$/g;
if(!name.test(regex)){
alert("username不可为空");
returnfalse;
}
}
⑵ js中用链接实现打开本地文件对话框
/* 用如下代码把该函数应用到一个HTML文件中:
<script src="browseFolder.js"></script>
或把下面代码直接COPY到<script language="javascript">...</script>标签中;
用一般的触发函数均可在HTML文件中使用该函数
例如:<input type="button" onclick="BrowseFolder()" />
注意:请定义NAME为savePath的输入框接收或显示返回的值,例如:
<input type="text" name="savePath" />
特别注意的是,由于安全方面的问题,你还需要如下设置才能使本JS代码正确运行,
否者会出现"没有权限 "的问题.
1、设置可信任站点(例如本地的可以为:http://localhost )
2、其次:可信任站点安全级别自定义设置中:设置下面的选项
"对没有标记为安全的ActiveX控件进行初始化和脚本运行"----"启用 "
*/
function BrowseFolder(){
try{
var Message = "请选择文件夹"; //选择框提示信息
var Shell = new ActiveXObject( "Shell.Application" );
var Folder = Shell.BrowseForFolder(0,Message,0x0040,0x11);//起始目录为:我的电脑
//var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为:桌面
if(Folder != null){
Folder = Folder.items(); // 返回 FolderItems 对象
Folder = Folder.item(); // 返回 Folderitem 对象
Folder = Folder.Path; // 返回路径
if(Folder.charAt(Folder.length-1) != "\\"){
Folder = Folder + "\\";
}
document.all.savePath.value=Folder;
return Folder;
}
}catch(e){
alert(e.message);
}
}
⑶ js选项卡设计的要点有哪些
1、javaScript与java的区别?(从它们的解释,运行等方面说)
第一,javascript是基于对象的,而java是面向对象,即java是一种真正的面向对象的语言,即使是开发简单的程序,必须设计对象。Javascript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。
第二,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前,必须经过编译,因而客户端上必须具有相应平台上的仿真器或解释器,它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。Javascript是一种解释性编程语言,由浏览器解释执行。
第三,两种语言所采取的变量时不一样的。Java采用强类型变量检查,即所有变量在编译之前必须作声明avaScript中变量声明,采用其弱类型。即变量在使用前不需作声明,而是解释器在运行时检查其数据类型。
第四,代码格式不一样。Java是一种与HTML无关的格式,必须通过像HTML中引用外媒体那么进行装载,其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式,可以直接嵌入HTML文档中,并且可动态装载。编写HTML文档就像编辑文本文件一样方便。
第五,嵌入方式不一样。在HTML文档中,两种编程语言的标识不同,JavaScript使用 <script>...</script> 来标识,而Java使用<applet> ... </applet>来标识。
2、请用JavaScript写出提交表单的语句表单为 frm1
frm1.submit();
3、在javascript中如何判断一个变量是否是数值型?
答:判断变量是不是数字,用javascript的内置函数 isNaN()就可以了,isNaN()函数检验参数是否是一个数字,要注意的是不是数字返回true,是的话返回false。
4、form表单中的控件都由那些?
答:form表单包含
单行文本输入框(text)
单选按钮(radio)
复选框(checkbox)
重置按钮(reset)
多行文本框(textarea)
密码框(password)
下拉列表(select)
提交按钮(submit)
注意:hidden属性可以设置控件是否隐藏。
5、表单提交的方式有哪些?
答:表单提交方式比较:
l get的特点是信息暴露、长度不能超过255字节,但是速度快。
l post的特点信息隐藏、长度不限,但是速度较慢。
6、插入视频到页面
<video src=”url” controls=”controls”></video>
7、如何将JavaScript嵌入网页?
a、使用 <script> 标签将语句嵌入文档
b、将 JavaScript 源文件链接到 HTML 文档中
8、JavaScript 对象有哪些?(比较重要)
答:浏览器窗口:window文档; document;url地址等
脚本对象: String字符串对象;Date日期对象;Math数学对象等
HTML 对象: 各种HTML标签:段落<P>;图片<IMG>;超链接<A>等
9、JavaScript 事件有哪些?
事件名
说明
onClick
鼠标单击
onChange
文本内容或下拉菜单中的选项发生改变
onFocus
获得焦点,表示文本框等获得鼠标光标。
onBlur
失去焦点,表示文本框等失去鼠标光标。
onMouseOver
鼠标悬停,即鼠标停留在图片等的上方
onMouseOut
鼠标移出,即离开图片等所在的区域
onMouseMove
鼠标移动,表示在<DIV>层等上方移动
onLoad
网页文档加载事件
onSubmit
表单提交事件
onMouseDown
鼠标按下
onMouseUp
鼠标弹起
12、innerHTML是用来做什么的?(innerHTML和innerTEXT 的区别)
答:innerHTML可以获取或修改某个HTML标签内包含的内容(包括标签与文本)
<div id=“div1”><h2>innerHTML</h2></div>
<script>
document.getElementById(“div1”).innerHTML;
</script>
13、如何使用外部 JS 文件?
答:
a、外部 JavaScript 文件可以链接到 HTML 文档中
b、script 标签的 src(源文件)属性可用于包括此外部文件
<script language=“JavaScript” src= “文件名.js">
</script>
14、javascript有何作用?(详细说明)
答:提供用户交互;动态更改内容;数据验证
15、javascript种如何声明定义变量?
答:用弱引用数据类型,var定义声明。如:var a;
16、form中的input有哪些类型?各是做什么处理使用的?
答:text,radio,checkbox,file,button,image,submit,reset,hidden。Submit是button的一个特列,也是button的一种,它把提交这个动作自动集成了。
如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。
Button具有name、value属性,能触发onclick事件。
Submit继承了button。
Submit增加了触发表单onsubmit事件的功能、增加了执行表单的submit()方法的功能。
Input type=submit按回车提交表单
Button提交的是innerTEXT。
17、table标签中border,cellpadding td标签中colspan,rowspan分别起什么作用?
答:boder 边界;cellpadding 边距
Cellpadding,是补白,是指单元格内文字与边框的距离。
Cellspacing,两个单元格之间的距离
Colspan跨列数
Rowspan跨行数
18、form中的input可以设置readonly和disable,请问这两项属性有什么区别?
答:readonly不可编辑,但可以选择和复制
disable不能编辑复制选择
19、JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么?(区别也会问到)
答:alert,confirm,prompt
20、当点击按钮时,如何实现两个td的值互换?
答:用javascript实现此功能。
分析:
这个题主要是考变量传值。其次是考如何取元素的值。
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function submitbtn() {
var tText1 = document.getElementById('txt1');
var SubmitBtn1 = document.getElementById('submitBtn1');
var tText2 = document.getElementById('txt2');
var SubmitBtn2 = document.getElementById('submitBtn2');
SubmitBtn1.onclick = function() {
var temp = tText1.value;
tText1.value = tText2.value;
tText2.value = temp;
};
SubmitBtn2.onclick = function() {
var temp = tText2.value;
tText2.value = tText1.value;
tText1.value = temp;
};
}
window.onload = function() {
submitbtn();
}
</script>
</head>
<body>
<input type="text" value="12345666" id="txt1" />
<input type="submit" id="submitBtn1" />
<input type="text" value="12345222" id="txt2" />
<input type="submit" id="submitBtn2" /></body>
</html>
21、如何给一个Javascript的对象属性赋值?如何取得属性值?
答:一个Javascript对象的属性可以用”.”操作符或者数组方式来设置和取得:代码如下:
obj.name = “IT公司面试手册”;
obj["name"] = “IT公司面试手册”;
取得 属性的值:
var myname = obj.name;
var myname = obj["name"];
两种方法的区别是如果属性的名字如果是保留字的话,用点操作符就会报错,代码如下:
obj.for = “IT公司面试手册”;因为for是保留字,所以会报错
obj["for"] = “IT公司面试手册” 就不会报错
或者是通过:
//获取用户名对象的name属性的值
var nameVal = document.getElementById("inp1").getAttribute("name");
document.getElementById("inp1").setAttribute("class","ca1");
22、判断文本框内容是不是英文、中文、非中文?
答:
Gb2312
JS代码检查是否是中文:
Function isChinese(s,msg){
Var reg = /[^\u4E00-\u9FA5]/g;
If(reg.test(s.value)){
s.focus();
s.select();
alert(msg?msg:’改栏只能输入中文,请改正!’);
return false;
}
Return true;
}
js代码检查是否是非中文 :
function isNoChinese(s,msg){
var reg = /[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
if (reg.test(s.value)){s.select()
alert((msg?msg:’该栏不能输入中文及全角符号﹐请改正!’));
return false;
}
return true;
}
js代码检查是否是英文字 :
function isEnglish(s,msg){
var reg=/^[a-z]*$/gi
if(reg.test(s.value))return true
else {
alert((msg?msg:’该栏目只能输入英文字符﹐请改正’));
s.focus();
s.select();
return false;
}
}
21、Jquery的基础选择器有哪几种? 层次过滤器、内容过滤器、表单过滤器分别列举至少三种?
基础选择器:ID选择器、类选择器、标签选择器
层次过滤器:$(“祖先选择器 所有的后代选择器”)
$(“指定的父代对象 > 对应的直系后代”)
同辈选择器:
$(“A ~ B ”): 指定与A同辈的同级的B对象
相邻选择器:
$(“A +B”):指定与A相邻的下一个B对象
//内容过滤器:
$(“:empty”) :空内容或者不含子元素的对象
$(“A:has(选择器)”)
$(“:contains(文本内容)”):根据内容来过滤对象
$(“:parent”):获取含有文本内容或者含有子元素的集合对象
//表单选择器
$(“:input”):获取所有表单控件对象
$(“:text”):获取输入类型type=“text”的表单控件
$(“:radio”):获取单选框的对象
$(“:checkbox”):获取多选框的对象
$(“:file”):获取上传文件的对象type=’file’
$(“:checked”) :获取被选中的单选框或者多选框对象
$(“:selected”) :获取下拉框被选中的对象
等等。。。
22、Jquery对dom对象追加有几种方式?
分别列举?
$(对象).append()
$(对象).appendTo(“要被追加的对象”);
Before()/ after()/prepend()/prependTo()/ html()
23、Jquery的初始化方法有几种?
有三种:
//常用的有两种:
$(function(){})
$(document).ready(function(){})
//第三种:
jQuery(function(){})
//第三种另一种写法:
jQuery(document).ready(function(){})
(注意:Jquery对象的标识符:$ 等价于 jQuery)
24、Jquery对象获取html元素的内容有哪两种?区别是什么? Jquery对象如何对表单控件赋值或者获取表单控件的值?
Jquery对象获取元素内容的方法:$(对象).html()/ $(对象).text()
Html():可以为选中的Jquery对象设置包含html标签的内容。
Text():只能设置文本内容。
Jquery对象获取表单控件的内容:$(表单控件对象).val();
//赋值:$(表单控件对象).val(赋值);
25、通过js自定义对象,创建一个学生对象,包含姓名、性别、年龄以及学习的方法等,并写入到html页面中。如何使用原型prototype为数组Array对象添加一个构造方法?
//通过原型为Array对象添加一个add方法:
Array.prototype.add = function(参数)
{
函数体操作。
}
26、window对象下,页面跳转的几种方式?
//window对象下的页面跳转方式:
Window.open(“新打开页面的URL”,”_self/_blank/_top”,”规格”);
Window.location.href=””
Window.location.replace(“要替换的页面”);
27、Jquery对象的两种循坏方法? Js的两种循坏遍历方法分别写案例?
Jquery对象循环的方法:
$(“选择器”).each(function(I,value)
{
});
//循环数组:
$.each(“数组对象”,function(I,value)
{})
//JS循环方法:
//第一种:
For(var i=0;i<对象.length;i++)
{
}
//第二种:
For(var I in 数组对象){}
28、如何在html页面上对一个动画元素设置样式?
通过动画过滤选择器来对动画元素设置样式:
$(“div:animated”).css({“”:””,””:””});
: 对正在动画的div元素设置样式。
⑷ js怎么添加一个下拉列表的值
<script type="text/javascript">
aa=document.getElementById('a');
bb=document.getElementById('b');
ii=document.getElementById('i');
ab=document.getElementsByTagName("li");
aa.onclick=function()
{
if(bb.style.display=="none")
{bb.style.display="block";}
else
{bb.style.display="none";}
if(ii.style.borderBottom=='none'){
ii.style.borderTop='none';
ii.style.borderBottom='10px solid black';
}
else{
ii.style.borderBottom="none";
ii.style.borderTop="10px solid black";
}
}
for (var x=0;x<ab.length; x=x+1)
{
ab[x].onmouseover=function () {
this.style.background="white";
this.style.textDecoration="underline";
}
ab[x].onmouseout=function () {
this.style.background="#E9ECF3";
this.style.textDecoration="none";
}
}
</script>
(4)js可以设置emptytext扩展阅读:
添加值
function addData1(){
//清空下拉选中的数据
$("#resType").empty();
$("#resType").append("<option value='1'>aaaaaa</option>");
$("#resType").append("<option value='2'>bbbbbb</option>");
}