JavaScript基础知识点之浏览器交互

JavaScript基础知识点之浏览器交互
与用户交互的 3 个浏览器的特定函数：alert、prompt、confirm
1.aler：显示信息

<!DOCTYPE html>
<script>
alert("Hello");
</script>

2.prompt;显示信息要求用户输入文本。点击确定返回文本，点击取消或按下Esc键返回null（prompt函数接收两个参数：result = prompt(title, [default]);title显示给用户的文本；default可选的第二个参数，指定 input 框的初始值。）

<!DOCTYPE html>
<script>
let age = prompt('How old are you?', 100);
// You are 100 years old!
alert(`You are ${age} years old!`);
</script>

3.confirm：显示信息等待用户点击确定或取消。点击确定确定返回true，点击取消或者Esc返回flase

<!DOCTYPE html>
<script>
let isBoss = confirm("Are you the boss?");
// 如果“确定”按钮被按下，则显示 true
alert( isBoss );
</script>

注：这些方法都是模态的：它们暂停脚本的执行，并且不允许用户与该页面的其余部分进行交互，直到窗口被解除。上述所有方法共有两个限制：
1. 模态窗口的确切位置由浏览器决定。通常在页面中心。
2. 窗口的确切外观也取决于浏览器。我们不能修改它

JavaScript基础知识点之浏览器交互相关推荐

JavaScript基础系列之五浏览器
JavaScript基础系列之五浏览器浏览器由于JavaScript的出现就是为了能在浏览器中运行,所以,浏览器自然是JavaScript开发者必须要关注的. 目前主流的浏览器分这么几种: IE ...
前端JavaScript基础知识点
JavaScript基础阶段说明 JavaScript基础 Web API JavaScript高级 ##第一天重点内容变量的声明及使用数据类型类型转换运算符 JavaScript的组成 E ...
JavaScript 基础知识点
JavaScript (JS) 是一种编程语言,为通常用于客户端(client-side)的网页动态脚本,不过,也常通过像Node.js这样的包,用于服务器端(server-side). 今天,发一 ...
javaScript基础知识点总结
第一课时入门基础 1.window作用域只要在script标签中定义的变量,默认就在window的作用域之下默认就是window这个对象里面写代码 2.数据类型如何判断js中的数据类型: ty ...
Html+Css+JavaScript基础知识点
0.软件安装使用vscode进行开发安装中文插件 Vue学习笔记_lucky友人a的博客-CSDN博客软件下载点击 1.HTML 1.HTML(Hyper Text Markup Lang ...
JavaScript基础知识点
命名 : 大小写要注意区分引入script标签以标签方式引入src $$ 这个不会再代码中出现, 但是浏览器环境里有等价于querySelectorAll $$("*")//找 ...
JavaScript基础知识点复习
常用命令 #1.搭建开发环境 (1)浏览器(前端) 浏览器中都有自带的JS解释器 (2)Node.js(后端) 安装Node.js软件在命令行cmd输入 node -v (3)运行JS 浏览器创建 ...
JavaScript基础知识点（学习李炎恢视频）
一.语法.关键字保留字及变量 1.标识符组成开头:a._. $(其他组成: a . _. $. 数字) 2.不能把关键字,保留字.true false null作为标识符 3.字面量:就是程序中直接显 ...
JavaScript基础知识总结（基础篇）
目录 JavaScript基础知识点总结(基础篇) 一.JavcScript基础语法应用 1.1三条输出语句 1.2JS中的数据类型 1.3JS中的强制类型转换 1.31string强制类型转换分为两 ...

JavaScript基础知识点之浏览器交互

JavaScript基础知识点之浏览器交互相关推荐

最新文章

热门文章