第二课的内容 大纲
这又是你天要学习的内容介绍
认识几个单词的意思
1 confirm("写出你要弹出的内容开始语句")
<!DOCTYPE html> <html lang="en"> <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>Document</title> </head> <body> <script> confirm("让我们开始JS的学习吧!") </script> </body> </html>
2 alert("我的第一个JavaScript的程序") 弹出框的信息
<script> confirm("让我们开始JS的学习吧!") alert("我的第一个JavaScript的程序") </script>
点击明确后会弹出上面的内容信息
3 console.log("我是在控制台打印的信息内容") 控制台打印时间
<script> confirm("让我们开始JS的学习吧!") alert("我的第一个JavaScript的程序") console.log("1234567") console.log("我是在控制台打印的信息内容") console.log("真的优秀呀ASDFG") </script>
在控制台打印输出
4 window.alert("我给你一个警告")
5 document.write("在浏览器中显示的信息内容")
<script> confirm("让我们开始JS的学习吧!") alert("我的第一个JavaScript的程序") console.log("1234567") console.log("我是在控制台打印的信息内容") console.log("真的优秀呀ASDFG") window.alert("我给你一个警告") document.write("今天是星期四是在2022/10/13") </script>
单行注释 多行注释 文本注释
/** * @param{string} 变量 */ var m = "Hellow World" console.log(m); // 我是单行注释 /** * 我是多行注释 * @param {*} name * @param {*} age */ function qname(name, age) { } /** * @param{string} 变量 * @age {number} 数量 */ qname('', 'age')
<!-- JavaScript的编写方式有 三种 --> <!-- 第一种方式 js的行内式--> <a href="" onclick="alert('Hellow World 我的世界内容')"></a> <!-- 第二种方式js的 script标签方式 --> <a id="hello" href="">你好呀</a> <script> var hello=document.querySelector('#hello') hello.onclick=function(){ alert('你好事件') } </script> <!--第三种 方式 js 外部引入方式 --> <script src="js/index.js"> </script>
<!-- alert弹出框的实例 --> <script> alert("打印弹窗的数据信息内容介绍") </script> <!-- console.log('打印一二三') 控制台打印输出 --> <script> console.log('打印一二三','world'); </script> <!-- document.write("我开始展示在页面的上") 在页面上显示信息 --> <script> document.write("我开始展示在页面的上"); </script> <!-- confirm("Let is Go") 定义一个页面如何开始的 --> <!-- prompt('请输入你的姓名') 输入框 --> <script> confirm("Let is Go") var name=prompt('请输入你的姓名'); alert(name) console.log("用户姓名已经输入"); </script>
<!-- 使用 window.alert() 写入警告框 --> <!-- --> <script> window.alert("使用 window.alert() 写入警告框") </script> <h1><b><i><p id="demo1"></p></i></b></h1> <script> // 使用 innerHTML 写入 HTML 元素 document.getElementById("demo1").innerHTML = 100+200+300; </script>
