1.使用js在一个div中追加10个复选框,选中复选框的时候弹出选中个数。
追加一个复选框
var
checkBox=document.createElement(
"input"
);
checkBox.setAttribute(
"type"
,
"checkbox"
);
checkBox.setAttribute(
"id"
,
'123456'
);
弹出选中框的个数
var
inputs = document.getElementsByName(
"cb[]"
);
var
checked_counts = 0;
for
(
var
i=0;i<inputs.length;i++){
if
(inputs[i].checked){
checked_counts++;
}
}
alert(checked_counts);
|
2.Http与Https 的区别?
HTTP-超文本传输协议 (HTTP-Hypertext transfer protocol) 是一种详细规定了浏览器和万维网服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。
HTTPS(全称:Hypertext Transfer Protocol over Secure Socket Layer),是以安全为目标的HTTP通道,简单讲是HTTP的安全版。
4.JS对象节点的 插入、复制、删除。?
用到的方法和属性:
1.获取某个节点的父节点
parentNode属性
2.获取某个节点的子节点集合
childNodes属性
3.创键一个新的节点
createTextNode(节点文本内容) document对象的方法 在某些浏览器上兼容性不是很好
createElement(对象) document对象的方法 例如:document.createElement("a");
4.给某个节点对象添加属性和属性值
setAttribute(属性,属性值); 例如:aNode.setAttribute("href","http://www.baidu.com");
5.替换某个节点下的子节点
replaceChild(新节点,原子节点);
6.将某个节点添加到一个节点下
appendChild(要添加的节点)
7.克隆某个节点
cloneNode() 不传参数和传入true参数一样,表示克隆该节点包括子节点
5.css是如何继承的,
所谓继承,就是父元素的规则也会适用于子元素。比如给body设置为color:Red;那么他内部的元素如果没有其他的规则设置,也都会变成红色。继承得来的规则没有特殊性。
6.html如何进行隐藏与显示。
1
2
3
4
5
6
7
8
|
方法一:
document.getElementById(
"EleId"
).style.visibility=
"hidden"
;
document.getElementById(
"EleId"
).style.visibility=
"visible"
;
利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。
方法二:
document.getElementById(
"EleId"
).style.display=
"none"
;
document.getElementById(
"EleId"
).style.display=
"inline"
;
利用上述方法实现隐藏后,页面的位置不被占用。
|
7 给你一页面,要你写JS代码拿对象,得到它值,然后进行一些操作
1
var div = document.getElementById(
"myDiv"
);
2
var img = document.getElementById(
"img1"
);
3
var a = document.getElementById(
"myA"
);
4
//取得元素特性
5
alert(div.id);
//"myDiv"
6
alert(div.className);
//"bd",这里不是div.class,是因为class是保留关键字
7
alert(div.title);
//"我是div"
9
//设置元素特性
10
div.id =
"myDiv2"
;
//id改为"myDiv2"
11
div.className =
"ft"
;
//class改为"ft",如果存在名为"ft"的样式,会立刻变为"ft"样式,浏览器会立刻反应出来
12
div.title =
"我是myDiv2"
;
//title改为"我是myDiv2"
13
div.align =
"center"
;
//设置居中对齐
14
img.src =
"images/img1.gif"
;
//设置图片路径
15
a.innerHTML =
"新浪"
;
//"百度"改为"新浪"
16
a.href =
"<a href="http://www.sina.com.cn/" "="" style="color: rgb(59, 115, 175); text-decoration: none; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: inherit !important; background-image: none !important; background-position: initial initial !important; background-repeat: initial initial !important;">http://www.sina.com.cn"
; //重新设置超链接
2
.通过getAttribute()、setAttribute()和removeAttribute() 方法,获取、设置、移除元素的特性(不推荐使用,前两个方法IE6,
7
中有异常,第三个方法IE6不支持,设置自定义特性时可以使用)
getAttribute() 方法,用来获取元素特性。接受一个参数,即要获得元素的特性名
setAttribute() 方法,用来设置元素特性。接受两个参数,即要获得元素的特性名和特性值
removeAttribute() 方法,用来移除元素的特性。接受一个参数,即要移除元素的特性名
|
1
var div = document.getElementById(
"myDiv"
);
2
var img = document.getElementById(
"img1"
);
3
var a = document.getElementById(
"myA"
);
4
//取得元素特性
5
alert(div.getAttribute(
"id"
));
//"myDiv"
6
alert(div.getAttribute(
"class"
));
//"bd",注意这里是class,而不是className,与上面不同
7
alert(div.getAttribute(
"title"
));
//"我是div"
9
//设置元素特性
10
div.setAttribute(
"id"
,
"myDiv2"
);
//id改为"myDiv2"
11
div.setAttribute(
"class"
,
"ft"
);
//class改为"ft",这里同样是class,而不是className
12
div.setAttribute(
"title"
,
"我是myDiv2"
);
//title改为"我是myDiv2"
13
div.setAttribute(
"align"
,
"center"
);
//设置居中对齐
14
img.setAttribute(
"src"
,
"images/img1.gif"
);
//设置图片路径
15
//移除元素特性
16
div.removeAttribute(
"class"
);
//移除class特性
3
.通过attributes属性,获取、设置、移除元素的特性
1
var div = document.getElementById(
"myDiv"
);
2
//取得元素特性
3
alert(div.attributes[
"id"
].nodeValue);
//"myDiv"
4
//设置元素特性
5
div.attributes[
"id"
].nodeValue =
"myDiv2"
;
//id改为"myDiv2"
6
//移除元素特性
7
div.attributes.removeNamedItem(
"class"
);
//移除class特性
|
8 实现HTML全选,全取消
function
checkAll() {
//把所有参与选择的checkbox使用相同的name,这里为"num_iid"
var
eles = document.getElementsByName(
"num_iid"
);
var
i = 0;
// 如果是全选状态,则取消所有的选择
if
(isSelectAll() ==
true
) {
for
( i = 0; i < eles.length; i++) {
eles[i].checked =
false
;
}
document.getElementById(
"selectAll"
).checked =
false
;
}
else
{
// 否则选中每一个checkbox
for
( i = 0; i < eles.length; i++) {
eles[i].checked =
true
;
}
}
}
// 判断当前是否为全选状态
function
isSelectAll() {
var
isSelected =
true
;
var
eles = document.getElementsByName(
"num_iid"
);
for
(
var
i = 0; i < eles.length; i++) {
if
(eles[i].checked !=
true
) {
isSelected =
false
;
}
}
return
isSelected;
}
// 选择任意一个非全选checkbox
function
checkOne() {
if
(isSelectAll()) {
document.getElementById(
"selectAll"
).checked =
true
;
}
else
{
document.getElementById(
"selectAll"
).checked =
false
;
}
}
|
9.用JavaScript显示当前时间,格式:年-月-日 时:分:秒
var
now=
new
Date();
var
year=now.getYear();
var
month=now.getMonth()+1;
var
day=now.getDate();
var
hour=now.getHours();
var
minute=now.getMinutes();
var
second=now.getSeconds();
alert(year+
"-"
+month+
"-"
+day+
" "
+hour+
":"
+
":"
+minute+
":"
+second);
|
10.在JavaScript中用代码实现trim()函数的功能
//删除左右两端的空格
function
trim(str){
return
str.replace(/(^\s*)|(\s*$)/g,
""
);
}
//删除左边的空格
function
ltrim(str){
return
str.replace(/(^\s*)/g,
""
);
}
//删除右边的空格
function
rtrim(str){
return
str.replace(/(\s*$)/g,
""
);
}
|
11.JS实现多线程
SetTiemout:在指定的毫秒数后调用指定的代码段;SetInternal:在指定的时间间隔内(ms)循环调用指定的代码段。通过这两个函数可以实现
|
做一个鼠标点击DIV动画,变大变小的那种,说一下思路。
window.onload=function(){
//加载DOM后执行
function zoom(id,x,y){
//设置缩放函数参数,id,横向缩放倍数,纵向缩放倍数
var obj=document.getElementById(
"box"
);
//获取元素对象值
var dW=obj.clientWidth;
//获取元素宽度
var dH=obj.clientHeight;
//获取元素高度
obj.onmouseover=function(){
//鼠标指向该对象状态
this
.style.width=dW*x+
"px"
;
//横向缩放
this
.style.height=dH*y+
"px"
;
//纵向缩放
this
.style.backgroundColor=
"#f00"
;
//背景颜色变换
this
.style.zIndex=
1
;
//Z轴优先
}
obj.onmouseout=function(){
//鼠标离开元素,设置默认值
this
.style.width=
""
;
this
.style.height=
""
;
this
.style.backgroundColor =
""
;
this
.style.zIndex=
""
;
}
}
zoom(
"box"
,
1.5
,
1.5
);
//调用函数
}
|
用JS的正则表达式,写一个电话号码的校验 ,如:开始是134到138开头的,后面随便的8位数字
页面的优化,如:用 PageSpend是怎样优化的
js校验日期格式
说一下JS的继承跟闭包
Https协议
写个js的判断邮箱的正则表达式
http有几种状态,用代码说明。
"<javaScript>
alert(paseInt(""123abc""));
alert(Float(""abc123""));
</javaScript>
打印结果是什么?"
如果ID是textFiled,我想在textFiled得到当前系统时间,用javaScript实现?
javaScript 全局函数。
js 系统时间刷新 jquery函数
div跟span的区别?
一个JS类,你怎样来增加一个方法?
说如果我要写一个表格,不实用table,应该怎么来写
JS跳转页面是如何跳转的。
说说document对象,如何得到一个标签里面的值
用js的正则表达式判断一个字符出现的次数。
用js的正则表达式把一个字符进行改变?
如何拿到一个下拉框中的值 要是没有id,name 你会怎么拿
你是怎么用JS检查是纯数字的?
写一个邮箱的正侧表达式
怎样获取javaScript的json数据?
JavaScript怎么处理异常的.
在JavaScript中用代码实现Trim。
在css文件中如何根据某个元素的id,name定义它的样式。
编写一个JavaScript函数,显示当前时间,格式是年-月-日,时:分:秒。
js里只允许一个onLoad(),在JQuery里怎么弄两个。
JS的进度条怎么实现
JS实现多线程
html实现全选问题
JS的onclick绑定两个方法
Html有5个checkbox ,name是不一样的,如:chk1,chk2,chk3,chk4;js代码实现全选。
动态的菜单,一级菜单、二级菜单和多级菜单,数据库表的实现
代码怎样实现一个分页的公共代码
在js里你是怎么用迭代的
给你一个界面,界面里面有个小框框,小框框里面给ABC三个字,让你把ABC居中;
js怎样使浏览器的后退按钮失效。
Windo.onload和$(document).ready()的区别?
javascript的触发事件;
js里的作用域
js里用var声明和不用var的区别
js里的继承
js里的闭包
使用js在一个div中追加10个复选框,选中复选框的时候弹出选中个数。
用html 写一个 表格
js中跳转页面的标签,Js的内置对象,Js的全局函数
用户在填写数据时,万一不小心点跳转别的页面,要如何判断他点了,给他一个提示?
.当在一个页面中有一个按钮,在你按这个按钮的时候,会出现另一个页面,这个页面的是怎么出现的?
jQuery怎么实现Ajax?
XML是怎么解析的?
在js中怎么写个报表(曲线图),在JQuery里面怎么实现
highcharts
div标签 span标签
两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素)。
详解:1.所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行,
18.获取js标签,属性
19.页面提交一个数据,第一次点击提交无反应,第二次再提交,怎样避免这种现象
20.JQuery常用的特效和JQuery的插件
21.javascript是面向对象的,怎么体现javascript的继承关系?
22.javaScript的2种变量范围有什么不同?
23.javascript的常用对象有哪些?
其他
24.既然你知道了struts2的19个拦截器影响性能,如果要你 设置,你怎么设置?
25.一个页面有很多内容,有css,jquery,js等等,我要怎么样 来优化这个页面
26.我有一个很大的文件要下载,但如果中途有事离开,文件暂 停下载,下次如何判 断才能在上次已下载了一部分的文件在 继续接着下载,也就是断点续传
27.我有一个很大的文件,我要怎样才能把它导出成excel文件, 要求最高性能
28.Struts标签
29.Spring注解
30.XML解析
31.如何修改tomcat的内存大小和端口号
32.整个项目的框架怎么搭建?
33.一个字符串,里面有大写跟小写,怎么获取所有的大写字符?
34.项目流程要从哪方面开始讲?
35.怎么修改一个<input>里面class属性的值?
36.ibatis和mybatis的区别. mybatis有没有注解
37.tomcat版本问题。
38.tomcat和jboss容器的部署和性能调试。
39.spring里面的事务怎么用的。
41.ajax里面回调函数有几个参数,我说3个(url,get或者post 提交方式,判断同步或异步)他说我没回答到重点。返回值是
42.struts的底层实现是什么。
44.Map里面传一个person对象 没有key。怎么去给它拿出来删 掉。
46.ajax,jquery、json怎么与前台页面数据交互