Javascript第五章DOM简介和window对象第一课

最新推荐文章于 2021-06-16 05:21:28 发布
最新推荐文章于 2021-06-16 05:21:28 发布
阅读量167 收藏
点赞数 2
分类专栏： Javascript 文章标签： DOM JS window
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30225725/article/details/88617701
版权

在这里插入图片描述
更多免费教学文章请关注这里

ECMAScript参考：https://blog.csdn.net/qq_30225725/article/details/88621180
Javascript第五章window对象的事件常用方法第三课：
DOM参考：https://blog.csdn.net/qq_30225725/article/details/88624216

BOM参考：Javascript第五章history对象第四课：https://blog.csdn.net/qq_30225725/article/details/88624376

Javascript第五章location对象第五课
https://blog.csdn.net/qq_30225725/article/details/88624613

ECMAScript:核心的语法

Dom:文档对象模型

BOM:游览器对象模型

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		//对象名。属性名
		
		console.log(window.screen)
	</script>
</head>
<body>
	
</body>
</html>

在这里插入图片描述

里面有：

在这里插入图片描述
window的前缀可以不加

height width 方法 查看屏幕的分辨率大小

window中的常用10种方法

在这里插入图片描述
方法测试：

alert(“欢迎来到Camel空间”);

在这里插入图片描述
confirm(“欢迎来到Camel空间”);
在这里插入图片描述
prompt(“1”);
在这里插入图片描述

HTML DOM open() 方法

在这里插入图片描述
在这里插入图片描述

	open("http://wwww.baidu.com","百度","resizable=no");

在这里插入图片描述
用法跟open一样 区别：这个是模式窗口，窗口打开，必须在窗口执行关闭，才能对原窗口进行操作

Java成长记_Camel
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS基础整理（三）- Dom和window对象
xuan0555的博客
02-04 494
1、addEventListener() 方法可以更简单的控制事件（冒泡与捕获）。 element.addEventListener(event, function, useCapture) 第一个参数是事件的类型 (如 "click" 或 "mousedown")。 第二个参数是事件触发后调用的函数。第三个参数是布尔值用于描述事件是冒泡传递（false）还是捕获传递（true），是可选的。 document.addEventListener() 方法用于向文档添加事件句柄。可以使用docume...
DOM编程之window对象
技术改变命运,创新驱动中国
03-04 1330
DOM编程之window对象
浏览器window对象
bluedream1219的专栏
07-29 659
注：window对象是浏览器宿主对象和JavaScript语言本身无关。 Window 对象属性 属性 描述 closed 返回窗口是否已被关闭。 defaultStatus 设置或返回窗口状态栏中的默认文本。 document 对 Document 对象的只读引用。请参阅 Document 对象。 history 对 Hi
DOM，BOM，window的区别
04-25 726
我试着用通俗的语言解释一下。 这几个都是 JS 里面的概念。 先说 DOM： DOM 全称是 Document Object Model，也就是文档对象模型。 DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如添加某些元素、修改元素的内容、删除某些元素），我们把这个 HTML 看做一个对象树（DOM树），...
JSwindow对象和Dom对象
MD_ASCE的博客
10-03 588
1.window对象:用于窗体的操作,页面常用事件/方法.         ①弹窗操作             alert("对话框");   //弹窗               prompt("输入框");  //输入框             confirm("确认框"); //确认框                      ②打开和关闭窗口:             window.ope...
第一讲_第5课__JavaScript_DOM对象模型编程.doc
06-11
在JavaScript中，DOM对象模型提供了丰富的接口，可以方便地添加、修改和删除网页元素。例如，`window`对象是DOM中的顶级对象，代表浏览器窗口，它可以控制页面的行为。通过`window.alert()`方法，我们可以弹出一个...
JavaScript初级教程(第五课)第1/4页
10-30
在JavaScript初级教程的第五课中，我们将深入探讨文档对象模型（DOM）以及如何利用DOM来操作网页元素，特别是与用户交互的反馈表单。DOM是HTML和XML文档的结构表示，允许我们通过编程方式访问和修改文档内容。 首先...
JavaScript初级教程(第五课续)第1/3页
10-30
在JavaScript初级教程的第五课续中，我们主要探讨了单选框（Radio Buttons）的使用方法及其与复选框的区别。 单选框与复选框在HTML中的表现形式类似，但它们的行为却有本质的不同。复选框允许用户多选，可以同时...
第十五课 事件1
最新发布
08-03
第二种方式是DOM元素分配事件，通过JavaScript获取DOM元素并直接为其分配事件处理函数，例如`btn1.onclick = fn1;`。这种方法将JavaScript与HTML分离，更符合现代Web开发的最佳实践。 第三种是DOM元素绑定事件，...
JS中document和window的区别
mystric594的博客
05-19 9649
Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。 Document 对象描述 HTMLDocument 接口对 D
DOM对象和window对象
dianchougao5936的博客
05-11 236
本文内容： DOM对象 Window 对象 首发日期：2018-05-11 DOM对象： DOM对象主要指代网页内的标签【包括整个网页】 比如：document代表整个 HTML 文档，用来访问页面中的所有标签。 比如：form代表 <form> 元素 这里主要介绍使用document来查找标签和操作标签： 查找标签： 根据id查找标签：g...
html dom 对象 window对象 document对象,Html页面Dom对象之Document
weixin_33859693的博客
06-16 190
Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。Document 对象集合集合描述提供对文档中所有 HTML 元素的访问。返回对文档中所有 Anchor 对象的引...
DOM 和 BOM 的区别 window对象事件
Ytwinklestar的博客
09-11 396
DOM（document） BOM（browser objec model） 两者的区别： 浏览器相当于一个容器，html代码相当于容器中的内容，html页面在放入浏览器中显示的时候，会将html代码解析成为一个对象DOM（document）,DOM对象针对的时候网页中的标签内容，标签的所有操作都可以通过document完成 BOM 浏览器对象模型 js 除了能够通过DOM操作标签节点外，还可以用...
第5章 DOM详解
LFSenior
07-09 2899
第5章 DOM详解 1.1 知识点 1. 带Element与不带Element的区别 带Element获得的是元素节点，不带获取的是任意节点(元素节点，文本节 点，属性节点） 2. 获取指定的兄弟节点 div.parentNode.children[index] 3. Javascript:void(0):表示不做任何动作  :表示这个链接不做跳转动作 4. opacity:0.1
vue里dom节点和window对象
热门推荐
明日复明日的博客
07-03 1万+
一、window对象 首先window对象是浏览器下的默认对象，也就是全局对象，在没有明确指向的时候this指向window。即使切换路由，window对象里面的属性和方法依旧会保留。因此可以在控制栏直接输入this、window、self都可以直接打印window对象。window对象很很多默认的方法和属性。 一切全局变量和方法都是window的属性和方法，也就是只要没有指定作用域就会赋值给window。 <script type="text/javascript"> v
DOM, DOCUMENT, BOM, WINDOW 有什么区别?
cooledi的博客
04-19 294
用通俗的语言解释一下。 这几个都是 JS 里面的概念。 先说 DOM： DOM 全称是 Document Object Model，也就是文档对象模型。 DOM 就是针对 HTML 和 XML 提供的一个API。什么意思？就是说为了能以编程的方法操作这个 HTML 的内容（比如添加某些元素、修改元素的内容、删除某些元素），我们把这个 HTML 看做一个对象树（DOM树），它本身和里面的
javaScript Dom编程 第五章（最佳实践）笔记
饱：）的博客
04-02 163
本章内容 平稳退化：确保网页在没有JS的情况下也能正常工作。 分离JavaScript：把网页的结构和内容与JavaScript的动作行为分开。 向后兼容性：确保老版本浏览器不会因为JavaScript脚本死掉。 性能考虑：确保脚本执行性能最优。 与HTML相比，JavaScript语言更加严苛。若不符合语法规定，JS解释器将拒绝执行并报错。 只是很少一部分网页能够在JS被禁用时对网页行为做出妥善安排。很多时候，一旦浏览器不支持或者禁用了JavaScript解释功能，质量不好的脚本将会导致用户无法浏览相
Window对象与DOM
ctx645634642的博客
08-31 1295
Window对象与DOM 　　目前,前端插件数不胜数,比如有移动端滑动特效插件Swiper,下拉刷新的iScroll,弹出框插件layer,还有我们经常使用的JQuery,jquery.mobile等,这些插件能够满足我们日常的基本开发,我们只需调用相应的接口就能实现很炫酷的方法,万变不离其宗,原始操作HTML文档的还是window对象或者DOM,下面是它们之间的关系及用法! 文档对象模型(D
Javascript带按钮的轮播广告
Camel
04-15 4624
源码 <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .hidden{ display: none; } #div1{ position: absolute; top: 50px; left: 1...
JavaScript基础：DOM编程与Window对象特性
"Window对象是JavaScript中的全局对象，它表示浏览器窗口，包含了许多与浏览器交互相关的属性和方法。在JavaScript中，所有的全局变量和函数都自动成为Window对象的成员。本章将深入探讨Window对象的常用属性，以及...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值