2016.7.13
2016-07-14 08:49
295 查看
一、document.all用法
var name1="subtree"+idstr;
var name2="img"+idstr;
//获取页面某个元素
var objectobj=document.all(name1);
var imgobj=document.all(name2);
一.
document.all是页面内所有元素的一个集合。例如:
document.all(0)表示页面内第一个元素
二.
document.all可以判断浏览器是否是IE
if(document.all){
alert("is IE!");
}
三.
也可以通过给某个元素设置id属性(id=aaaa),然后用document.all.aaaa调用该元素
四.
案例:
代码1:
<input name=aaa value=aaa>
<input id=bbb value=bbb>
<script language=Jscript>
alert(document.all.aaa.value) //根据name取value
alert(document.all.bbb.value) //根据id取 value
</script>
代码2:
但是常常name可以相同(如:用checkbox取用户的多项爱好的情况)
<input name=aaa value=a1>
<input name=aaa value=a2>
<input id=bbb value=bbb>
<script language=Jscript>
alert(document.all.aaa(0).value) //显示a1
alert(document.all.aaa(1).value) //显示a2
alert(document.all.bbb(0).value) //这行代码会失败
</script>
代码3:
理论上一个页面中的id是互不相同的,如果出现不同tags有相同的id
document.all.id 就会失败,就象这样:
<input id=aaa value=a1>
<input id=aaa value=a2>
<script language=Jscript>
alert(document.all.aaa.value) //显示 undefined 而不是 a1或者a2
</script>
代码4:
对于一个复杂的页面(代码很长,或者id是由程序自动产生),或着一个
javascript初学者写的程序,很有可能出现两个tags有相同id的情况。
为了编程的时候不出错,我推荐这样的写法:
<input id=aaa value=aaa1>
<input id=aaa value=aaa2>
<input name=bbb value=bbb>
<input name=bbb value=bbb2>
<input id=ccc value=ccc>
<input name=ddd value=ddd>
<script language=Jscript>
alert(document.all("aaa",0).value)
alert(document.all("aaa",1).value)
alert(document.all("bbb",0).value)
alert(document.all("bbb",1).value)
alert(document.all("ccc",0).value)
alert(document.all("ddd",0).value)
</script>
二、一级标题、二级标题的处理
<table id="subtree${t_status.index+1}" style="DISPLAY:
none"
width="80%" border="0" align="center" cellpadding="0"
cellspacing="0" class="left-table02">
三、jQuery 效果 - toggle() 方法
实例
切换 <p> 元素的显示与隐藏状态:<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>
亲自试一试
定义和用法
toggle() 方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
语法
$(selector).toggle(speed,callback,switch)参数 | 描述 |
speed | 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。 可能的值: · 毫秒 (比如 1500) · "slow" · "normal" · "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。 如果设置此参数,则无法使用 switch 参数。 |
callback | 可选。toggle 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数,否则不能设置该参数。 |
switch | 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 · True - 显示所有元素 · False - 隐藏所有元素 如果设置此参数,则无法使用 speed 和 callback 参数。 |
提示和注释
注释:该效果适用于通过jQuery 隐藏的元素,或在 CSS
中声明 display:none
的元素(但不适用于 visibility:hidden
的元素)。
四、javascript 中的console.log有什么作用啊?是做什么的呢?
在控制台输出,用于调式javascript。你可以看到你在页面中输出的内容。
相比alert他的优点是:
1、他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容。
2、console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。
3、console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:
五、在后台把一个对象转化成json数组,传到前端
PrintWriter out =
null;
DBObject news = userService.find_oneData("news",
"_id", i);
//把一个对象转换成json数组来处理
JSONArray json = JSONArray.fromObject(news);
out.print(json);
在前端对json数组进行处理
$(function(){
$.ajax({
url : '<%=basePath%>test/get_news.do',
dataType : 'json',
type : 'post',
success : function(data) {
if(data.length>0){
var html="";
for(var i=0;i<data.length;i++){
html+='<h3>'+data[i].title+'</h3>';
html+='<div class="news_xq">'+data[i].contents+'</div><div class="clear"></div>';
}
$(".content_01").append($(html));
}
}
});
});
相关文章推荐
- 【转】web 前端研发工程师编程能力飞升之路
- ASP.NET 共用类库1
- Entity Framework查询,EF执行SQl
- NYOJ29孪生素数问题
- Freesclae i.MX6 Linux PCIE驱动源码分析
- python常见问题
- 单一职责原则详解--七大面向对象设计原则(1)
- HDU1896Stones(优先队列)
- ASP.NET MVC从客户端中检测到有潜在危险的 Request.Form 值
- getcwd()
- hdu 1728 逃离迷宫 (BFS)
- 树链剖分+线段树 HDOJ 4897 Little Devil I(小恶魔)
- Entity Framework Power Tools安装和使用
- OOD、OOP、AOP区别
- C语言chdir()函数:改变当前的工作目录
- imx6设备树pinctrl解析
- CentOS、Ubuntu、Debian三个linux比较异同
- chdir()
- RecycleView的头部加载
- Asp.Net MVC EF各版本区别