首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

听说你对 JavaScript 中的输出挺熟?

前言 在 JavaScript 中,不像 Java 等语言,它没有任何打印或者输出方法的,通常使用如下 4 种方式来输出数据。...使用 window.alert() 用于弹出警告框 使用 document.write() 将内容写入到 HTML 文档中 使用 innerHTML 写入到 HTML 元素 使用 console.log...; 接着用浏览器打开上述文件,打开时就会显示如下弹窗,点击确定后弹窗关闭,然后在网页中显示内容。...但是需要注意的是,如果 document.write() 是和其他内容同时在内容加载完之前加载,则可以和其他内容一起显示。...中输出的有关内容了,虽然不像 Java 那样有类似 System.out.println() 方法来进行打印和输出,但利用上述的 4 种方式,也能基本满足日常开发中的需求了。

43820
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript中==和===的区别

    JavaScript中==和===的区别 js中我们经常会判断两个值相等不相等,用到的就是相等运算符和严格相等运算符。...一般情况下,只要变量的数据类型可以确定,我们都使用===来进行判断 下面对两个元素符的使用或者说是判断规则进行一下讲解 一、==相等运算符 相等运算符在进行类型判断时可能会进行一些类型转换 1、如果有一个操作数是布尔值...,那么在进行比较时还会将其转换为数值 1 == true // true 2、如果一个操作数是字符串,另一个是数值,在比较的时候会将字符串改成数值 1 == '1' // true 3、如果一个操作数是对象...,另一个操作数不是,则调用对象的valueOf和toString方法把对象做一个转换 [] == "" // true [] == false // let a = [1,2,3] a.toString...了解一下就好 二、=== 严格相等运算符 严格相等运算符是先进行类型比较,如果类型都不同,直接就不相等 ES6数据类型有Number、String、Boolean、 Object、Symbol、null和undefined

    51230

    Python中 多重判断的语法和作用、执行流程

    当遇到多重情况需要判断的额时候我们就要用到多重判断了,它的精髓就是在if的基础之上我们连接elif去写其他可能性,如果以上代码都不成立再写个else就可以了。...下面讲多重判断的语法和代码实例以及执行流程。博主写的每一篇文章都是Python免费教程,按照自己的理解给大家梳理知识点,希望可以帮助到Python爱好者。...情况有三种,这时候就需要用到多重判断了,多重判断可以判断多重可能性。........这里表示可以有多个elif) else: 以上条件都不成立执行的代码 多重判断也可以和else配合使用,一般else放到整个if语句的最后,表示以上条件都不成立的时候执行的代码。...输出提示信息:您输入的年龄是x,合法与否 """ age = int(input('请输入您的年龄:')) # 小于18  童工 if age < 18: print(f'您输入的年龄是{age},

    83120

    javascript中各种计算位置高度的方法

    scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度...offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置...offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标...event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值...; 而不是: document.body.scrollTop; documentElement 对应的是 html 标签,而 body 对应的是 body 标签

    1.6K20

    webpack中的mainself和构建目标

    2.你的源码会依赖的任何第三方的 library 或 “vendor” 代码。 3.webpack 的 runtime 和 manifest,管理所有模块的交互。...包括浏览器中的已加载模块的连接,以及懒加载模块的执行逻辑。 Manifest 那么,一旦你的应用程序中,形如 index.html 文件、一些 bundle 和各种资源加载到浏览器中,会发生什么?...通过使用 bundle 计算出内容散列(content hash)作为文件名称,这样在内容或文件修改时,浏览器中将通过新的内容散列指向新的文件,从而使缓存无效。...一旦你开始这样做,你会立即注意到一些有趣的行为。即使表面上某些内容没有修改,计算出的哈希还是会改变。这是因为,runtime 和 manifest 的注入在每次构建都会发生变化。...构建目标(targets) 因为服务器和浏览器代码都可以用 JavaScript 编写,所以 webpack 提供了多种构建目标(target),你可以在你的 webpack 配置中设置。

    61600

    CV中的IOU计算(目标检测与图像分割)

    今天给大家带来两道纯工程的题,是一位博士在面试face++时,被问到的。 看文章之前,别忘了关注我们,在我们这里,有你所需要的干货哦! 百面计算机视觉汇总链接 《百面计算机视觉汇总,看过来!》 1....目标检测中的IOU 假设,我们有两个框, 与 ,我们要计算其 。其中 的计算公式为,其交叉面积 除以其并集 。 ?...图被分成四个部分,其中大块的白色斜线标记的是 (TN,预测中真实的背景部分),红色线部分标记是 ( ,预测中被预测为背景,但实际上并不是背景的部分),蓝色的斜线是 ( ,预测中分割为某标签的部分...同样的, 计算公式: ?...总结 对于目标检测,写 那就是必考题,但是我们也要回顾下图像分割的 怎么计算的。 其它干货 算法岗,不会写简历?我把它拆开,手把手教你写! (算法从业人员必备!)Ubuntu办公环境搭建!

    3.1K50

    【深度学习】目标检测中 IOU 的概念及计算

    在目标检测当中,有一个重要的概念就是 IOU。一般指代模型预测的 bbox 和 Groud Truth 之间的交并比。 何为交并比呢?...集合 A 和集合 B 的并集包括了上面 3 种颜色区域。 集合 C 是集合 A 与集合 B 的交集。 在目标检测当中,IOU 就是上面两种集合的比值。...IOU 取值为 0 ~ 1 之间的值时,代表了两个框的重叠程度,数值越高,重叠程度越高。 在 2D 目标检测当中,因为 bbox 是矩形,所以很容易求得 IOU。...方框 A 和 B 相交,典型的情况如下: ? A 和 B 的面积容易求得,C 的面积稍微繁琐一点,但耐心细致的话可以求得。...如果利用数学思维,细心整理,可以发现面积 C 只需要求得边长的乘积就好,即使 A 和 B 的位置是相对的,但稍加变换也能够求出。

    7.1K20

    JavaScript中的 Call 和 Apply

    1. call 和 apply的区别 Function.prototype.call 和 Function.prototype.apply都是非常常用的方法,它们的作用一模一样,区别仅在于传入参数形式的不同...在这段代码中,参数1、2、3被放在数组中一起传入func函数,它们分别对应func参数列表中的x、y、z。...当调用一个函数时,JavaScript的解释器并不会计较形参和实参在数量、类型以及顺序上的区别,JavaScript的参数在内部就是用一个数组来表示的,从这个意义上来说,apply比call的使用率更高...在实际开发中,经常会遇到this指向被不经意改变的场景,比如有一个div的节点,div的节点的onclick事件中的this本来是指向这个div的。 ?...这个时候我们可以用call来修正func函数的指向this,使其依然指向div。 ? 另外在本博客的"JavaScript中this的理解"也用apply来修正this,代码如下: ? (2).

    59810

    JavaScript中的Dom和Bom

    createTextNode,创建一个文本节点用于放文本内容,和上面几乎一样,只是传入的参数就是文本字符串,创建好后依旧是文档中的一个游荡的孤儿。...调用这个方法时必须知道三件事:新元素和目标元素和父元素,其语法是这样的: parentElement.insertBefore(newElement, targetElement); 比如想在一个img...b.把目标元素的父元素保存到变量parent里 c.检查目标元素是不是父元素parent的最后一个子元素 d.如果是,就用appendChild方法把新元素追加到父元素parent上,这样新元素就恰好被插入到目标元素之后...e.如果不是,就把新元素插入到目标元素的下一个兄弟元素之前,这样新元素就在目标元素之后 通过这样一个函数,加上已知的几个方法,就能自己封装出自己所需要的方法了。...q=javascript&num=10 var args = getQueryStringArgs(); alert(args["q"]); //"javascript" alert(args["

    92310

    Java和JavaScript中的JSON

    它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。...JSON 数据格式:键/值对 JSON 键值对是用来保存 JS 对象的一种方式,和 JS 对象的写法也大同小异,键/值对组合中的键名写在前面并用双引号 "" 包裹,使用冒号 : 分隔,然后紧接着值,例如...JavaScript中使用JSON 下面介绍一下如何在JavaScript中生成和解析JSON,JSON本身就是基于JavaScript中的一个子集,在JavaScript语言中,一切都是对象。...和Java一样在JavaScript中转换成JSON的对象数据也是以键值对来表示,数组是以方括号来表示。 1....将数组对象转换为JSON字符串,在JavaScript中还是使用JSON对象调用stringify函数来把数组对象转换为JSON字符串。 代码示例: ? 运行结果: ? 4.

    3.4K30

    JavaScript 中 的 DOM 和 BOM

    JavaScript 与 ECMAScript 关系 JavaScript = ECMAScript + DOM + BOM 1.ECMAScript 为 JavaScript 提供核心语言功能,是由欧洲计算机制造商协会...从根本上将 BOM 只处理浏览器窗口和框架,但是人们习惯把针对浏览器的 JavaScript 扩展也算作 BOM 的一部分,例如:浏览器弹出新窗口的功能;移动、缩放和关闭浏览器窗口的功能;navigator...- DOM 样式(DOM Style):定义了基于 CSS 为元素样式的接口。 - DOM 遍历和范围(DOM Traversal and Range):定义了遍历和操作文档树的接口。...DOM3 级进一步扩展 DOM,引入了以统一方式加载和保存文档的方法——在 DOM 加载和保存(DOM Load and Save)模块中定义,新增了 DOM 验证(DOM Validation)。...DOM0 级,DOM0 级标准本质上不存在,所谓 DOM0 只是 DOM 历史坐标中的一个参照点,具体来说,DOM0 级是指 Internet Explorer 4.0 和 Netscape Navigator

    47320

    JavaScript和TypeScript中的symbol

    symbol 是 JavaScript 和 TypeScript 中的原始数据类型,可用于对象属性。与 number 和 string 相比,symbol 具有一些独特的功能,使它脱颖而出。...unique symbol 与声明紧密相关,只允许在 const 声明中引用这个确切的符号。 你可以将 TypeScript 中的名义类型视为 JavaScript 中的名义值。...JavaScript 中名义类型和不透明类型的交集。...并且是我们在运行时最接近标称类型检查的事情。这是一种用来重建像 enum 这样结构的很好的方法。 运行时枚举 一个有趣的符号例子是在 JavaScript 中重新创建运行时的 enum 行为。...在 JavaScript 领域,我们可以使用符号创建类似的枚举。在以下例子中查看彩虹和黑色的颜色。

    1.4K20

    JavaScript 中的计算机科学:双向链表

    在我之前的一篇文章(https://humanwhocodes.com/blog/2019/01/computer-science-in-javascript-linked-list/)中,讨论了在 JavaScript...执行下面的代码,控制台依次输出双向链表反向遍历之后的每一个值: let current = tail;while (current !...属性 head 和 tail 分别用于定位列表中的第一个和最后一个节点。与单链表一样, head 和 tail 不推荐在类外访问。 双向链表中数据的添加 将元素添加到双向链表和添加到单向链表非常类似。...创建反向迭代器 您可以使用与单向链表中相同的 values() 和 Symbol.iterator 方法在 JavaScript 中创建可迭代的双向链表。...因此,在存储一些毫无关联的数据(即使是有关联的数据,比如浏览器中的 DOM 节点)上,双向链表并不比内置的 JavaScript Array储存性能好。这些数据可能用另外一种列表形式存储性能更好。

    19830
    领券