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>