javascript

最新推荐文章于 2025-07-22 15:31:58 发布

dddnn123456

最新推荐文章于 2025-07-22 15:31:58 发布

阅读量130

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：http://www.cnblogs.com/peotry/p/7690943.html

本文深入浅出地介绍了JavaScript的基础知识，包括其独特的函数加载执行机制，与Python的不同之处，以及如何利用内置对象如window进行网页交互操作。通过具体实例，如使用alert(), confirm(), prompt(), open(), 和 close()等方法，展示了JavaScript在控制浏览器窗口方面的强大功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、javascript 介绍

二、Javascript 基础

2.1 javascript引入方式

三、JavaScript 对象

3.1 内置对象

注意：js的函数加载执行与python不同，它是整体加载完才会执行，所以执行函数放在函数声明上面或下面都可以

3.2 BOM对象

window对象；所有浏览器都支持window对象

从概念上讲：一个html文档对应一个window对象

从功能上讲：控制浏览器窗口的

从使用上讲：window对象不需要创建对象，直接使用即可

window的对象方法：

alert() 显示带有一段信息和确认按钮的弹窗

confirm() 显示带有一段信息以及确认和取消按钮的对话框

prompt（）显示可提示用户输入的对话框

open() 打开一个浏览器窗口或者查找一个已命名的窗口

close() 关闭浏览器

var num = Math.round(Math.random()*100);
    function acceptInput(){
    //2.让用户输入(prompt)    并接受 用户输入结果
    var userNum = prompt("请输入一个0~100之间的数字!","0");
    //3.将用户输入的值与 随机数进行比较
            if(isNaN(+userNum)){
                //用户输入的无效(重复2,3步骤)
                alert("请输入有效数字!");
                acceptInput();
            }
            else if(userNum > num){
            //大了==> 提示用户大了,让用户重新输入(重复2,3步骤)
                alert("您输入的大了!");
                acceptInput();
            }else if(userNum < num){
            //小了==> 提示用户小了,让用户重新输入(重复2,3步骤)
                alert("您输入的小了!");
                acceptInput();
            }else{
            //答对了==>提示用户答对了 , 询问用户是否继续游戏(confirm).
                var result = confirm("恭喜您!答对了,是否继续游戏?");
                if(result){
                    //是 ==> 重复123步骤.
                    num = Math.round(Math.random()*100);
                    acceptInput();
                }else{
                    //否==> 关闭窗口(close方法).
                    close();
                }
            }
    }

View Code

3.3 DOM对象

一、javascript 介绍

转载于:https://www.cnblogs.com/peotry/p/7690943.html