JavaScript引入方式
js代码从上至下的执行
内联式:
在文档中通过<script>标签来写js代码,建议放在body结束标签之后。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js引入和输出</title> </head> <body> <!--dom doaument object model--> <p id="p1" onclick="clickhandler()">js引入和输出</p> </body> <!--通过内联式编写js代码,建议放在body标签结束之后,即等待页面加载完成后再执行--> <script type="text/javascript"> <!--js代码--> function clickhandler(){ //弹出警告框 alert() } </script> </html>
外联式:
在head标签中,用script标签的src属性引入。项目中建议使用外联试
<head> <meta charset="UTF-8"> <title>js引入和输出</title> <script src="js/32%20js引入和输出.js"></script> </head>
注释
- 单行注释://
- 多行注释:/**/
JavaScript输出方式
- document.write()向文档内输入内容,不会覆盖文档原内容
- console控制台输出
- console.log()向控制台抛出一条信息
- console.error()向控制台抛出一个异常
- console.dir()输入一个对象的全部属性
- console.clear()清除
- prompt()接收用户输入
- alert()弹出一个带有一条指定信息的消息或警告
- innerHTML/innerText获取或向指定元素内添加内容
- innerHTML获取元素所有内容,包括元素本身,还可以解析内容样式
- innerText获取元素内的文本内容
每个能独立完成一个功能的代码以分号结束,即一个代码块