二、手机微博之Learn新浪

1.看到了一句以前自己没有用到过的条件书写方式,如下:

     ! $(".wbbg2")[0] && $(".dh2_wrap")[0] && $(".dh2_wrap")[0].scrollIntoView();

     测试后发现,这句话表示:当不存在$(".wbbg2")[0]节点,存在$(".dh2_wrap")[0]节点时,执行(".dh2_wrap")[0].scrollIntoView() ,测试代码如下

<!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=utf-8" />
<title>测试</title>
<script language="javascript" src="http://u1.sinaimg.cn/upload/h5/wq/js/jquery-1.5.1.min.js"></script>
</head>
<body>
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
<div id="aaa" style="background:#F00">
<br /><br /><br /><br />aaaaaaaaaaaaaaaaaaaaa<br /><br /><br /><br />
</div>
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
asdfasfasdfasfasdfasf<br /><br /><br /><br />
<div class="wbbg2"></div>
<div class="dh2_wrap" style="background:#f00;height:20px;"></div>
<script>
! $(".wbbg2")[0] && $(".dh2_wrap")[0] && $(".dh2_wrap")[0].scrollIntoView();
</script>
</body>
</html>
  你可以通过删除和未删除“!”来看也没是否跳转到红色区域来观察这个表达式的含义。

你可能感兴趣的:(JavaScript,html,XHTML,测试,Class,手机)