摘要:接上期内容,上期我们已经写过如何打开如何创建,相信小伙伴们都已经学会了,所以本期博主就直接跳过了,本期我们来学习—打印输出案例和用户输入名字案例,我们来开始吧!
一、打印输出案例
在vscode里面创建打印输出案例.html
(1)document.write('')使用,在body里面输入以下内容:
<script>
document.write('学习打卡') // document 文档的意思 write 写
document.write('<h1>学习打卡</h1>') //字符串里面可以用标签
</script>
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/9dd02500a73d423ed7dee2d65810afde.png)
(2)alert('')使用,在body里面输入以下内容:
<script>
alert('我叫大美丽') //alert 警示 弹框
</script>
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/fdbf3c2ec4c02a965a65e0ef2a76f84c.png)
(3)console.log('')使用,在body里面输入以下内容:
<script>
console.log('我是程序员看的') // 控制台输出语法 程序员看的
</script>
在网页里面右击检查,在控制台点console,效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/89e606e04070beba6ab240b09c826847.png)
(4)prompt('')使用,在body里面输入以下内容:
<script>
//输入语句 prompt
prompt('您今年多大了?')
</script>
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/3d239334404038695f99f0ee6af21dfd.png)
二、用户输入名字案例
在vscode里面创建用户输入名字案例.html
在body里面输入以下内容:
<script>
let uname = prompt('请输入你的名字:')
document.write(uname)
</script>
效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/d63f950020ca62257c4a5db2d36830b2.png)
点击确定:
![](https://i-blog.csdnimg.cn/blog_migrate/76df21d5cf6fb9f52ec4dbca76fbb455.png)
三、总结
今天的学习就到这里结束了,明天预告:
变量的使用
交换变量
let和var的区别