JavaScript学习

JavaScript语法规则

1. JavaScript对换行、空格、缩进不敏感，每一条语句以分号结尾，也就是说：
   代码一：

<script type="text/javascript">
			alert('学习JavaScript');
			alert('今天不学习，明天变垃圾');
</script>

等价于代码二：

<script type="text/javascript">
			alert('学习JavaScript');alert('今天不学习，明天变垃圾');
</script>

备注：每一条语句末尾都要加上分号，虽然可以不加，但是如果不写分号，浏览器会自动添加，会消耗一些系统资源。

2.所有的符号都是英文的，比如括号，引号，分号
如果你用的是搜狗拼音，建议不要用shift切换中英文（可以在搜狗软件里面进行设置），不然很容易输入中文的符号；建议用ctrl+space切换中英文输入法。
3.严格区分大小写

注释

不要把html,css,JavaScript三者的注释格式弄混淆
（1)HTML的注释：

<!-- -->

(2)css的注释

/* 我是注释 */

注意：css只有/* */这种注释，而且注释要卸载style标签里面才算生效。
（3）JavaScript的注释：
单行注释：

//我是单行注释

多行注释：
/* 我是多行注释 */
备注：在常用的编译器中单行注释ctrl+/,多行注释ctrl+shift+/

弹框

1.alert语句，尽量少的用于项目中，因为会阻塞内容的渲染
<script type="text/javascript"> alert('学习JavaScript') </script>
2.控制台输出

<script type="text/javascript">
			var a = "今晚吃啥？"
			console.log(a);
			console.error("减肥不能吃东西");
			console.warn("警告！这是减肥阶段");
			//带有输入框的弹框
			// var c = prompt("你男朋友是哪里人？");
			// document.write(c)
		</script>
			

网页效果
3.有确定和取消按钮的弹框

<script type="text/javascript">
			var b = confirm("小水是不是大美女")//true/false
			console.log(b)//true
			if(b){
				//跳转到百度页面
				location.href = "https://www.baidu.com/link?url=TnNIiWbZksUpivMi_ytWnwCTj73H1m-aV2qzeMcphrvdUDm4imxA_B4KNjFhFcu7WhqayfMcIjeB365AmMRlqq&wd=&eqid=8857f9280004c70d00000003605aac6c";
				
			}else{
				//页面输出欢迎进入我们的网站
				document.write("欢迎进入我们的网站");
			}
		</script>

网页效果
点击确定跳转至添加链接描述此页面
点击“取消” 页面输出“欢迎进入我们的网站”

4.带输入框的弹框

<script type="text/javascript">
			//带有输入框的弹框
			var c = prompt("你男朋友是哪里人？");
			if(c){
				document.write("<h1>我男朋友是:"+c+"</h1>");
			}else{
					document.write("<h1>我没有男朋友</h1>");
			}
		
		</script>

网页效果

点击“取消”

在输入框中输入“南京”并点击“确认”