目录
如何引入JS?
1、行内式
<a href="javascript:alert('弹窗函数')">点击弹窗</a>
示图:
<button type="button" onclick="alert('onclick是单击函数')">普通按钮</button>
示图:
注意:行内样式是直接将js代码写在标签的内部,alert为js里面的弹窗函数。
2、内嵌式
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>弹窗函数</title>
<script type="text/javascript">
alert('嵌入式推荐写在head标签里面');
</script>
</head>
示图:
注意:JS的嵌入式可以写在页面的任意位置,个人比较推荐写在head标签里面。
3、外链式
<script type="text/javascript" src="my.js"></script>
注意:外链式是将JS代码写在外部独立的文件中,可以写在页面任意位置 ,个人也推荐写在head标签里面。
小贴士
<script type="text/javascript" src="my.js">
alert('这样写是不对的');
</script>
注意:上面的写法是错误的,script标签在作为引入方式后,里面就不能再写js执行语句了。
如何利用JS进行输入和输出?
1、输入方式
window.prompt('请输入内容'); 第一种方式
prompt('请输入内容'); 第二种方式
示图:
注意:使用window对象提供的prompt对象可以实现用户数据的输入。
2、输出方式
1、使用弹窗输出
window.alert('弹窗输出内容');
alert('弹窗输出内容');
示图:
注意:使用弹窗输出就是使用警告窗口实现数据的输出。
2、将数据输出到控制台
console.log('在控制台查看内容');
示图:
3、将数据输出到页面显示
document.write('内容在页面显示');
示图:
JS的注释如何写?
1、单行注释
// 单行注释
注意:快捷键为 Ctrl + / ,单行注释就是在代码前面加两条单斜杠。
2、多行注释
/*
多行注释
多行注释
多行注释
多行注释
*/
注意:多行注释就是一对单斜杠配合一对星号结合而成。