| 1.1、 什么是JavaScript？ | |
| 一种客户端脚本语言。 代码可以直接嵌入在HTML页面中， 把静态页面变成支持用户交互并响应相应事件的动态页面。 | |
1.2、 定义和使用JavaScript方式
1.2.1、 嵌入HTML文件中
格式：
| <script type="text/javascript"> //此处为JavaScript代码 </script> |
JavaScript已经称为html文件中默认的脚本语言，
| type="text/javascript" |
可以省略
| 实训： 在HTML嵌入一段JavaScript代码 ，当执行到该部分代码时 ，弹出“欢迎学习JavaScript”。 |
1.2.2、 定义专门的外部文件
将JavaScript代码写在一个独立的脚本文件（扩展名为.js)中，在页面中使用时导入该脚本文件即可，格式：
| <script src="要导入的js文件 .js"></script> |
注意：不能这么写:
| <script type="text/javascript" src="要导入的js文件 .js" /> //错误！必须有结束标签 |
| 实训： 在单独的js文件中编写代码 ，嵌入到html文件中 ，运行时 ，弹出“欢迎学习JavaScript” 。 |
1.2.3、 在元素事件属性中
比如，按钮的单击事件，代码
| <input type="button" onclick="js脚本代码 " /> |
| 实训： 在HTML中定义一个按钮 ，当点击按钮时 ，弹出“欢迎学习JavaScript”。 |
元素的事件属性中，可以放置简单js代码，但复杂流程不适合这种方式，可以使用编写函数的方式来完成
| <input type="button" value="click me!" onclick="clickme()"> <script> function clickme() { alert("Hello World！ "); } </script> |
1.3、 代码执行过程
html：
| <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js1.js"></script> </head> <body> <input type="button" value="点下不 " onclick="alert( 'aaaaaaaaaaaa! ')"> <script> alert( 'bbbbbbbbbbbb! ') </script> </body> </html> |
js1.js
| alert( 'cccccccccc! ') |
注意：
1. 注意代码的执行顺序。
2. 传统方法时将JavaScript脚本放在文档的元素中，意味着必须等到全部JavaScript代码被下载、解析、和执行 完成以后，才能开始呈现页面的内容。对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器呈 现页面时出现明显的延迟，而延迟期间的浏览器窗口将是一片空白。为了避免这个问题，现代Web应用程序 一般把全部JavaScript脚本放在元素页面内容的后面。
3. 一个页面中只要一个地方JavaScript语法错误，则整个JavaScript程序都不执行。为我们找错和调试带来了困 难。
扫一扫
8815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
