一. 在HTML
中使用Javascript
内部添加:
可以在HTML页面的任何地方添加script标签(只要浏览器可以读取到),在标签内部添加我们的JS代码。例如:
<script type="text/javascript"> //js代码 </script>
说明:
- type属性是可选属性,
type="text/javascript"
- type属性是可选属性,
链接外部js文件。
为了代码的复用和方便维护,实际开发中会把js代码放入单独的文件中,然后在HTML文件中用script标签链接引入。例如:
<script type="text/javascript" src="a.js"> //注意不要在script标签中再添加代码,即使添加了代码也不会执行 </script>
说明:
src表示要链接的文件的地址。这个地址可以是一个文件,也可以是一个url地址。
引入外部js文件的时候,不要再在标签内添加js代码,即使添加了也不会执行。
虽然这个时候不再script标签中添加js代码,但是也不能把script标签改成单标签。
例如下面的形式是错误的。
<script type="text/javascript" src="a.js" /> <!-- 把script写成这种单标签的方式是错误的 -->
在HTML标签中: 作为某个元素的事件属性值或者是超链接
href
属性值。<a href="javascript:alert('xyxyxy欢迎你!')">点我啊</a> <input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('xyxyxy欢迎你!');"/>
二. Javascript语法基本要求
JavaScript的执行顺序:按照HTML文件中出现的顺序依次执行
JavaScript严格区分大小写,大小写敏感
JavaScript忽略空白符和换行符
JavaScript使用 ; 结束语句。分号 ; 可以省略,尽量不要省略。
JavaScript可以使用{ }括成一个语句组,形成一个块block
三. 几个常用的API
警告框:alert(xx);
警告框经常用于确保用户可以得到某些信息。
警告框出现后,用户需要点击确定按钮才能继续进行操作。
<script type="text/javascript" >
alert("你好");
</script>
确认框:confirm(xx);
- 确认框用于使用户可以验证或者接受某些信息。
- 当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
- 如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
<script type="text/javascript" >
confirm("你好");
</script>
输入框: prompt(xx,默认值);
- 提示框经常用于提示用户在进入页面前输入某个值。
- 当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
- 如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
向控制台输出结果:console.log("xxx")
<script type="text/javascript" >
console.log("正在向控制台打印数据: 哈哈哈");
</script>
四. 注释
JavaScript共提供了2中注释:单行注释和多行注释。
单行注释。 //这里是注释,只能写一行
多行注释。 / 这里的注释可以写多行 /