JavaScript概述

JavaScript概述:
	1.什么是JavaScript?有什么用?
		JavaScript是运行在浏览器上的脚本语言。简称JS
		JavaScript中虽然带有"java",但是和Java没有任何关系,只是语法上优点类似,
		但是运行位置不同,java运行在JVM中,JavaScript运行在浏览器的内存当中
		注:
			JavaScript程序不需要程序员手动编译,编写完源代码之后,浏览器直接打开解释执行
			JavaScript的"目标程序"以普通文本形式保存,这种语言都叫做"脚本语言"
			Java的目标程序以.class形式存在,不能使用文本编辑器打开,不是脚本语言
		补:
			JSP和JS的区别?
				JSP:JavaServer Pages(隶属于Java语言的,运行在JVM当中)
				JS:JavaScript(运行在浏览器中)

	2.在HTML中如何嵌入JavaScript代码?
		预:
			1)要实现的功能:
				用户点击一下按钮,弹出消息框
			2)JS是一门事件驱动型编程语言,依靠事件去驱动,然后执行对应的程序。
			在JS中有很多事件,其中有一个事件叫做:鼠标单击,单词:click。
			并且任何事件都会对应一个事件句柄:onclick。
			【注意:事件和事件句柄的区别是:事件句柄是在事件单词前添加一个on】
			而事件句柄是以HTML标签的属性存在的。
			3)onclick="JS代码",执行原理是什么?
				页面打开的时候,JS代码并不会执行,只是把这段代码注册到按钮的click事件上了。
				等这个按钮发生click事件后,注册在onclick后面的js代码会被浏览器自动调用
			4)怎么使用JS代码弹出消息框?
				在JS中有一个内置的对象叫做window(全部小写),可以直接拿来使用,window代表的是浏览器对象
				window对象有一个函数叫做:alert,用法是:window.alert("消息");这样就可以弹窗了
				window.可以省略不写
			5)JS中的字符串可以使用双引号,也可以使用单引号
			6)JS中的一条语句结束之后可以使用分号; 也可以不用
			
		第一种方式:(句柄方式)
			<body>
				<input type="button" value="hello" onclick="window.alert('hello JS')"/>
				<input type="button" value="hello" onclick="alert('hello JS')"/>
			</body>
		第二种方式:(脚本块方式)
			注:	
				暴露在脚本块当中的程序,在页面打开的时候执行,
				并且遵守自上而下的顺序依次逐行执行(这个代码的执行不需要事件)
				JavaScript脚本块在一个页面中可以出现多次,没有要求,
				JavaScript的脚本块出现位置也没有要求。
			<body>
				<script type="text/javascript">
					window.alert('Hello JavaScript!')	//alert函数会阻塞整个HTML页面的加载
				</script>
			</body>
		第三种方式:链入外部独立的JS文件
			在需要的位置引入js脚本文件
			引入外部独立的js文件的时候,js文件中的代码会遵循自上而下的顺序依次逐行执行
			script标签必须有</script>结束标签
			
			<body>
				<script type="text/javascript" src="1.js">
					<!--引入js脚本文件时,在这里代码块中编写的代码不执行-->
				</script>
				<script type="text/javascript">
					<!--这里的代码执行-->
					alert("TEST!!!")
				</script>
			</body>
	
			
			

  

posted @ 2021-11-05 15:35  石乐智先生  阅读(86)  评论(0编辑  收藏  举报