实训任务一: 请用外链式引入JavaScript的方法,做一个输出信息的效果。要求分别使用使用promt()、alert()、document.write()三种方法。 请将关键代码截图和预览效果图截图上传。
时间: 2024-12-10 11:52:15 浏览: 13
实训任务一的目标是使用JavaScript的不同输出方法来显示消息。下面是三种方法的简单示例以及如何使用它们:
1. **prompt()** 函数用于提示用户输入,并返回用户提供的值。这里不需要截图,因为它是交互式的,你可以在浏览器控制台运行。
```javascript
let userInput = prompt("请输入一些信息:");
alert("您输入的信息是:" + userInput); // 显示在一个警告框中
console.log("使用prompt(), 输出到控制台:", userInput); // 这里是控制台输出
```
2. **alert()** 函数弹出一个包含指定信息的警告框。同样,这在浏览器环境中可以查看效果。
```javascript
alert("这是一个使用alert()显示的消息!");
```
3. **document.write()** 是一种直接在HTML文档中插入内容的方法。它会替换整个文档的内容。
```javascript
document.write("<p>这是使用document.write()插入的消息。</p>");
```
注意:在现代浏览器中,推荐使用`console.log()`而非`document.write()`,因为它不会改变网页的内容结构,更适合调试和日志记录。
为了完成这项任务,你需要在HTML文件中引入外部的JavaScript文件(例如通过`<script>`标签),并在其中编写上述代码。在浏览器中打开HTML文件,你会看到上述操作的效果。记得保存并截图展示这三个方法的实际输出结果,以及浏览器中的预览效果。
阅读全文