JavaScript基础教程:对话框、窗口操作与HTML样式

4星 · 超过85%的资源 需积分: 15 4 下载量 191 浏览量 更新于2024-09-11 收藏 1.61MB DOCX 举报
本文档主要介绍了JavaScript语言的基础知识,包括常用的功能和语法。首先,我们讨论了确认框和提示框这两个常用的交互功能: 1. 确认框 (confirm): 这是JavaScript中用于提示用户进行简单选择的内置函数,参数`str`用于显示一个包含文本的消息对话框。用户可以选择"确定"或"取消",返回值为布尔类型,true表示点击"确定",false表示点击"取消"。例如,通过`var myname = prompt("请输入你的姓名:");`,用户输入姓名后,会根据输入判断是否显示特定信息。 2. 提示框 (prompt): 提供更复杂的交互,允许用户输入文本并获取输入内容,参数`str1`是固定显示文本,`str2`是可编辑的输入框内容,用户点击确定后返回输入内容,取消则返回`null`。如`if (myname != null) {alert("你好" + myname);} else {alert("你好myfriend.");}`,根据用户输入决定如何响应。 接着,文档讲解了与浏览器窗口相关的操作: 3. 打开新窗口 (window.open): 使用此方法可以在当前页面之外打开新的窗口,需要提供URL、窗口名称和可选的参数字符串。窗口名称可以指定窗口的层级关系。 4. 关闭窗口: 可以使用`window.close()`关闭当前窗口,或者通过窗口对象的`close()`方法关闭特定窗口。 然后,文档介绍了HTML元素内容的操作: 5. innerHTML属性: 用于获取或设置HTML元素的HTML内容。通过`Object.innerHTML`来操作,`Object`通常是通过DOM方法(如`getElementById`)获取的元素。 6. 显示/隐藏元素与CSS样式: 通过`Object.style.property`来改变元素的样式,`display`属性用于控制元素的可见性,`className`属性用于管理类名。 最后,文档涉及JavaScript变量命名规则和运算符优先级,以及数组的创建: 7. 变量名规则和运算符优先级: JavaScript遵循一定的运算符优先级,从算术、比较到逻辑,再到赋值。理解这些优先级有助于编写正确的代码。 8. 创建数组: 使用`new Array()`初始化数组,数组中的元素可以用逗号分隔。 本文档深入浅出地介绍了JavaScript的基础概念,涵盖了交互式对话框、窗口操作、DOM元素管理、样式控制和基本的编程逻辑,对于学习JavaScript的初学者来说是一份宝贵的参考资料。
2020-12-21 上传