01-js的基本概念和引入方式
JavaScript
1.web三剑客之一,负责实现页面的动态效果,数据交换
2.操作html,css,向服务器发送数据请求等。
3.知识体系
1.ECMAScript: jscore js核心内容,es6教程http://es6.ruanyifeng.com/
2.BOM:浏览器对象模型,js操作浏览器
3.DOM:文档对象模型,js操作html文档
###JS的三种引入方式:
1.外部脚本:
script标签的src属性中指定外部js文件路径
2.内部脚本
直接在script标签中编写js代码
3.内嵌脚本
html元素中一定要有事件属性,js代码作为事件属性的值(javascript:作为前缀)
注意:
1.通常建议将js引入在/body标签之上,body的末尾
2.针对比较重要的js,我们建议放在head标签内部
3.针对局部效果的js,我们可以放在html页面的对应作用位置
实例:
<body>
<div id="div1" onclick="javascript:document.write('<h1>hello world</h1>');">
</div>
<!--引入外部脚本-->
<script src="js/demo01.js" type="text/javascript" charset="utf-8"></script>
<!--内部脚本-->
<script type="text/javascript">
document.write("<h1 aligh='center'>hello world</h1>");
</script>
<body>