二、手机微博之Learn新浪

最新推荐文章于 2025-08-15 09:01:53 发布

原创最新推荐文章于 2025-08-15 09:01:53 发布 · 621 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#手机 #xhtml #javascript #测试 #class #html

本文探讨了一种特殊的JavaScript条件语句，该语句用于检查页面元素的存在状态，并在特定条件下使指定元素滚动进入视图范围。通过实际示例代码演示了如何使用此条件语句。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

你可以通过删除和未删除“！”来看也没是否跳转到红色区域来观察这个表达式的含义。