JS介绍:
JS是运行在客户端一种解释型编程语言,前端开发的核心是JS
JS作用:
用来完成前后端交互,增加用户体验
一个网站是由结构(HTML/HTML5)、表现(CSS/CSS3)和行为(JavaScript)组成
JS组成:
? ? ? ? 1)ECMAScript(ECMA-262):基础语言部分,基础面向对象等 ? ? ? ? 2)DOM(W3C):节点操作 ,接口? ? ? ? ? 3)BOM(无标准):浏览器操作
JS的特点:
????????1)松散性:JS中变量没有一个明确的类型,也叫弱类型语言(允许将变量看做多钟类型) ? ? ? ? 2)对象属性:对象的属性也可以映射为任意类型的数据 ? ? ? ? 3)继承机制:JS是基于原型继承的
使用JS三种方法:
?1)使用script标签<script><script/>(只能被当前文件使用)
<script type="text/javascript" defer="defer" charset="utf-8">
//defer表示DOM(以上所有标签)加载完成之后,再执行JS的代码,目前开发也不需要
//charset是字符编码,主要解决汉字乱码问题,目前开发不需要,前面头文件中已经涵盖
alert('这是我的第一个JS程序'); //alert表示弹出一个警告框
</script>
 ? ? ? ? ? ?
?注意: ? ? ? ? ?1.script标签可以写在网页代码任意位置,因为JS是同步执行的(也就是前面的错误导致后面
的无法执行),但为了避免JS阻塞和首先操作DOM,最好写在<body/>后 ? ? ? ? ?2.如果要输出script结束标签时,必须拆开写:alert('</script>'); -错误,
只能拆开alert('</sc' + 'ript>');
2)在a标签的href中写JS代码(实际开发中不建议这样使用,因为性能差)
不会直接弹出,需要点击页面内容弹出
<a href="javascript:alert('大家好!')">大家好</a>

3)用script标签引入外部文件(推荐)
可以被多个文件使用
<script src="09_test.js" type="text/javascript" async="async"></script>
alert('我是前端新人');

?说明: ? ? ? ?src:引入外部JS文件的路径和文件名(只能用于JS) ? ? ? ?async规定异步执行脚本(仅适用于外部引入脚本),在加载DOM元素的同时可以运行JS代码
?
|