JavaScript常用交互技巧:document.write与alert

0 下载量 11 浏览量 更新于2024-08-30 收藏 183KB PDF 举报
"JavaScript学习笔记–常用的互动方法" 在JavaScript中,与用户进行互动是至关重要的,这通常涉及到向用户展示信息或获取用户的输入。本文主要介绍两种常见的互动方法:`document.write` 和 `alert`。 首先,我们来看`document.write`方法。这是一个直接向HTML文档的输出流写入内容的方法,它可以用来在网页上动态生成内容。`document.write`有几种不同的用法: 1. **直接输出字符串**:你可以直接在引号内写入内容,如`document.write("I love JavaScript!")`,这将在页面上显示"I love JavaScript!"。 2. **输出变量内容**:如果内容存储在一个变量中,你可以通过变量名调用`document.write`,例如`var mystr = "hello world!"; document.write(mystr)`,这将输出变量`mystr`中的值,即"hello world!"。 3. **连接多个内容**:使用加号"+"可以将多个内容拼接在一起输出,例如`document.write(mystr + "I love JavaScript")`,这会在"hello world!"后面加上"I love JavaScript"。 4. **输出HTML标签**:`document.write`还可以插入HTML标签,这些标签会被解析并显示出来。例如`document.write("hello<br>JavaScript")`,其中`<br>`是一个换行标签,会使得"hello"和"JavaScript"分别位于两行。 需要注意的是,浏览器会自动压缩连续的空格,所以即使你在代码中输入了多个空格,最终显示的可能只有一个空格。要保留空格,可以使用HTML实体(如` `)或者设置CSS样式`white-space: pre;`。 接下来,我们讨论`alert`方法。`alert`是用来弹出一个带有消息的对话框的,常用于提示用户或确认某些操作。例如,`alert("Hello, World!")`会在浏览器中弹出一个包含文本"Hello, World!"的警告对话框。这种对话框通常有一个“确定”按钮,用户点击后才能关闭对话框并继续浏览网页。`alert`在教学和调试代码时非常有用,因为它可以直观地显示某个变量的值或者确认某段代码是否按预期执行。 总结来说,`document.write`和`alert`是JavaScript中两个基础但实用的互动手段,它们帮助开发者与用户进行交互,提供反馈和信息。在实际开发中,还有许多其他高级交互方式,如事件处理、表单验证等,这些都需要进一步学习和掌握。