JavaScript内置对象2

最新推荐文章于 2023-02-26 16:44:23 发布

Terence_Rain

最新推荐文章于 2023-02-26 16:44:23 发布

阅读量849

点赞数

分类专栏： javascripts 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/ren__wei_/article/details/122310010

版权

javascripts 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

文章目录

1.内置对象window

浏览器运行js代码时，需要使用window对象，又称为浏览器对象。window对象是js对象结构中的顶级对象，代表一个浏览器框架，会在<body>标签出现后自动创建。
window对象作为浏览器中等级最高的对象，有一些常用的方法。

alert 显示弹窗
confirm 显示一个对话框
open 打开一个新的浏览器窗口
close 关闭浏览器窗口
这几种方法使用比较简单，不再赘述。

2.内置对象document

document对象代表整个HTML文档，可以用来访问页面中所有元素，是window对象的一个属性。
document常用方法和属行如下：

write 向文档输出信息
writeln 等于与write方法，输出完毕后多一个换行符
getElementById 返回指定id的标签
getElementByName 返回指定name的标签集合
open 打开一个流，收集来自任何write()和writeln()方法的输出
close关闭用document.open()方法打开的输出流，并显示选定数据
body提供<body>标签的直接访问
title返回当前文档的标题
url 返回当前文档的url
domain 返回当前文档的域名

2.1 案例1

利用document对象更换页面标题
获得用户输入的内容，利用document.title属性可以设置页面的标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="test/html"; charset="UTF-8"/>
    <title>案例1</title>
</head>
<script type = "text/javascript">
    function changeTitle(){
        var newTitle = document.form1.txtTitle.value;
        document.title = newTitle;
    }

</script>
<body>
<form name = "form1" method = "post" action = "">
    <p><input type="text" name = "txtTitle"></p>
    <p><input type="button" value="修改标题内容" onclick="changeTitle()"></p>

</form>
</body>
</html>

在这里插入图片描述

3.内置对象location

location对象表示当前浏览器窗口中显示的文档的web地址，包含文档的完整url

4.内置对象history

history对象是由一系列的url组成的，用户在一个浏览器窗口内所有访问过的url就组成了history对象。

back 加载history列表中的前一个url
forward 加载history列表中的下一个url
go 加载history列表中的某个具体页面

window.history.方法名()

5.内置对象Screen

screen对象中存放着有关显示浏览器屏幕的信息。js程序利用这些信息来优化它们的输出，已达到用户的显示要求。

availHeight 返回显示屏幕的高度（windos任务栏除外）
availWidth 返回显示屏幕的宽度（windos任务栏除外）
updateInterval 返回显示屏幕的刷新率
height 返回显示屏幕的高度
width 返回显示屏幕的宽度
colorDepth 返回当前屏幕的色深

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个图形练习</title>
</head>
<body>
<script type="text/javascript">
    document.write("屏幕宽" + screen.availWidth + "<br>");
    document.write("屏幕高" + screen.availHeight + "<br>");
    document.write("屏幕的色深" + screen.colorDepth + "<br>");
</script>

</body>
</html>

在这里插入图片描述

Terence_Rain

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript内置对象2

文章目录1.内置对象window2.内置对象document2.1 案例13.内置对象location4.内置对象history5.内置对象Screen1.内置对象window浏览器运行js代码时，需要使用window对象，又称为浏览器对象。window对象是js对象结构中的顶级对象，代表一个浏览器框架，会在<body>标签出现后自动创建。window对象作为浏览器中等级最高的对象，有一些常用的方法。alert 显示弹窗confirm 显示一个对话框open 打开一个新的浏览器窗口
复制链接

扫一扫