void和Selectors API的用法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		img{width: 100px;}
	</style>
	<script type="text/javascript">
		/*
			void运算符    优先级较高
				用法:
					void express 					express  表达式
					void (express)
				返回值:undefined

				搭配超链接使用:
					a  href

			Selectors API    选择器   CSS

			DOM  很完善

			查找元素:
				querySelector(str)  
				返回值:元素对象   
				参数:str   选择器   #id  .one    p  

				注意:若选择对应的元素有多个,取第一个  例如:.one  p

				querySelectorAll()
				返回值:
				集合:NodeList
		*/

		// var a;
		// console.log(a);

		//string  boolean .... undefined   不是关键字

		// var string=10;

		// var a=void 5+3;
		// console.log(a);//NaN

		// var b=void(5+3);
		// console.log(b);


		// function getName() {
		// 	return 55;
		// }

		// console.log(void getName());

	</script>
</head>
<body>
	<a href="http://www.baidu.com">哈</a>
	<!-- <a href="#"> -->
	<!-- <a href="javascript:;"> -->
	<a href="javascript:void(0);">
		<img src="images/1.jpg" alt="">
	</a>

	<!-- <a href="http://www.taobao.com" onclick="show();return false;"> -->
		<!-- <a href="javascript:void(0)" onclick="show();"> -->
		<!-- <a href="javascript:;" onclick="show();"> -->
		<a href="javascript:void(show());">
			<img src="images/2.jpg" alt="">
		</a>
		
	


	<script type="text/javascript">
		function show(){
			alert('run');
		}
	</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_44606660/article/details/87796915