当前位置: 首页 > news >正文

JavaScript

  • BOM核心对象docunment

  • BOM核心对象window

  • BOM包含着DOM

F12即可打开浏览器控制台

navigator(浏览器版本)、history(浏览器历史记录),location(地址信息)、screen(屏幕相关)

JS输出形式:

浏览器输出:

  • window.alert() 弹窗

  • confirm("请输入姓名") //会有取消确认键

  • prompt("你叫什么?","请问?") 已经不怎么用了?

  • console.log("控制台输出日志!")

  • 断点调试

页面输出:

document.write("你好!");

不能识别标签

关闭广告小功能实现!

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>*{margin:0;padding:0;}body{height: 2000px;background: rgba(206, 196, 133, 0.5);}section{position: fixed;right:0;top: 100px;}span{color:white;position: absolute;right: 0;bottom: -21px;cursor:pointer;}</style>
</head>
<body><section id="ad"> <img src="E:\JS\.vscode\春.jpg" alt="你"><span id="btn">关闭 X</span></section><script>//需求分析:点击按钮,关闭广告//获取事件源var ad=document.getElementById("ad");var btn=document.getElementById("btn");//事件类型btn.onclick=function(){//书写事件驱动程序 section 隐藏ad.style.display="none";}//书写事件驱动程序</script>
</body>
</html>

相关文章:

JavaScript

BOM核心对象docunmentBOM核心对象windowBOM包含着DOMF12即可打开浏览器控制台navigator(浏览器版本&#xff09;、history(浏览器历史记录&#xff09;&#xff0c;location(地址信息&#xff09;、screen(屏幕相关&#xff09;JS输出形式&#xff1a;浏览器输出&#xff1a;wi…...

.gitignore 常用忽略规则

.gitignore常用忽略语法 1、空格不匹配任意文件&#xff0c;可作为分隔符&#xff0c;可用反斜杠转义 2、以井号#开头的文件标识注释&#xff0c;可以使用反斜杠进行转义 3、以斜杠/开头表示目录 4、以星号*通配多个字符 5、以问号?通配单个字符 6、以方括号[]包含单个字符的…...

Vue路由 —— vue-router

在上一篇内容讲到关于单页面组件的内容&#xff0c;同时也附上补充讲了关于单页面&#xff08;SPA&#xff09;和多页面&#xff08;MPA&#xff09;之间的优缺点&#xff0c;在本篇目当中就要来讲这个路由&#xff08;vue-router&#xff09;&#xff0c;通过路由来实现页面的…...

Java Jackson TypeReference获取泛型类型信息【泛型】

Jackson是一个比较流行的Json序列化和反序列化框架。本文以Jackson为例介绍TypeReference实现涉及泛型的反序列化&#xff0c;及TyperReference的实现原理。对于获取泛型类型信息的场景&#xff0c;TypeReference是一个可以参考的通用解决方案。 Jackson ObjectMapper的readVa…...

Python 核心笔记(二)

特殊规则及特殊字符&#xff1a;#号&#xff08;#&#xff09; : 注释换行&#xff08;\n&#xff09; : 换行反斜线&#xff08;\&#xff09; : 继续上一行分号&#xff08;;&#xff09; : 两个语句连在一行冒号&#xff08;:&#xff09; : 将代码块的头和体分开不同的缩进…...

Hadoop集群搭建

文章目录一、运行环境配置(所有节点)1、基础配置2、配置Host二、依赖软件安装(101节点)1、安装JDK2、安装Hadoop(root)3、Hadoop目录结构三、本地运行模式&#xff08;官方WordCount&#xff09;1、简介2、本地运行模式&#xff08;官方WordCount&#xff09;四、完全分布式运行…...

每个前端都应该掌握的7个代码优化的小技巧

本文将介绍7种JavaScript的优化技巧&#xff0c;这些技巧可以帮助你更好的写出简洁优雅的代码。 1. 字符串的自动匹配&#xff08;Array.includes&#xff09; 在写代码时我们经常会遇到这样的需求&#xff0c;我们需要检查某个字符串是否是符合我们的规定的字符串之一。最常…...

金三银四丨黑蛋老师带你剖析-二进制漏洞

作者&#xff1a;黑蛋二进制漏洞岗上篇文章我们初步了解了一下简历投递方式以及二进制方向相关逆向岗位的要求&#xff0c;今天我们就来看看二进制漏洞相关的岗位&#xff0c;当然&#xff0c;漏洞岗位除了分不同平台&#xff0c;也有漏洞挖掘岗和漏洞分析利用岗。同样&#xf…...

pgsql-用户角色组角色创建和维护

pgsql-用户&角色&组角色创建和维护 环境 win10pgsql 14.2 相关文档 PostgreSQL 14.1 手册 create 语法 grant 授权语法 revoke 撤回语法 alter 更新语法 用户、角色、组角色概念和区别 早期版本&#xff08;8.1之前&#xff09;中用户、组、角色是不同的概念&#…...

算法与数据结构理解

目录1、数据结构与算法1.1 定义1.2 常见数据结构1.3 常用算法2、插入排序3、希尔排序4、归并排序1、数据结构与算法 1.1 定义 数据结构&#xff1a;是计算机中存储、组织数据的方式。具有一定逻辑关系&#xff0c;应用某种存储结构&#xff0c;并且封装了相应操作的数据元素集…...

常见的C++软件异常场景分析与总结

根据排查软件异常问题的经历和经验&#xff0c;简单的总结一下软件异常的场景和原因&#xff0c;以供参考。 1、野指针问题 可能是指针没初始化就使用。也有可能是指针指向的内存已经被释放&#xff0c;但是指针没置为NULL&#xff0c;一旦访问这样的指针就会出问题。在很多情…...

【虹科公告】好消息!云展厅开放时间长达1年,2023年不限次云观展

云展厅开放通知 2023年&#xff0c;【虹科赋能汽车智能化云展厅】将持续开放&#xff0c;开放时间长达一年&#xff0c;开放期内&#xff0c;均可进入观展&#xff0c;没有次数及观看时长限制&#xff0c;欢迎大家随时进入云展厅观展。 虹科赋能汽车智能化云展厅 聚焦前沿技…...

Linux破解root密码

✅作者简介&#xff1a;热爱国学的Java后端开发者&#xff0c;修心和技术同步精进。 &#x1f34e;个人主页&#xff1a;Java Fans的博客 &#x1f34a;个人信条&#xff1a;不迁怒&#xff0c;不贰过。小知识&#xff0c;大智慧。 &#x1f49e;当前专栏&#xff1a;Linux操作…...

2023年信息与通信工程国际会议(JCICE 2023)

2023年信息与通信工程国际会议(JCICE 2023) 重要信息 会议网址&#xff1a;www.jcice.org 会议时间&#xff1a;2023年3月17-19日 召开地点&#xff1a;成都 截稿时间&#xff1a;2023年2月10日 录用通知&#xff1a;投稿后2周内 收录检索&#xff1a;EI,Scopus 会议简介…...

ASP.NET Core+Element+SQL Server开发校园图书管理系统(完)

随着技术的进步&#xff0c;跨平台开发已经成为了标配&#xff0c;在此大背景下&#xff0c;ASP.NET Core也应运而生。本文主要基于ASP.NET CoreElementSql Server开发一个校园图书管理系统为例&#xff0c;简述基于MVC三层架构开发的常见知识点&#xff0c;本系列共五篇文章&a…...

elasticsearch 批量写入(Python版).md

1. 插入数据 现在我们如果有大量的文档&#xff08;例如10000000万条文档&#xff09;需要写入es 的某条索引中&#xff0c;该怎么办呢&#xff1f; 1.1 顺序插入 import time from elasticsearch import Elasticsearches Elasticsearch()def timer(func):def wrapper(*arg…...

【排序算法】快速排序(Quick Sort)

快速排序(Quick Sort)使用分治法算法思想。快速排序介绍它的基本思想是: 选择一个基准数&#xff0c;通过一趟排序将要排序的数据分割成独立的两部分&#xff1b;其中一部分的所有数据都比另外一部分的所有数据都要小。然后&#xff0c;再按此方法对这两部分数据分别进行快速排…...

SpringIOC之创建Bean的核心方法doGetBean

概述面向资源&#xff08;XML、Properties&#xff09;、面向注解定义的 Bean 是如何被解析成 BeanDefinition&#xff08;Bean 的“前身”&#xff09;&#xff0c;并保存至 BeanDefinitionRegistry 注册中心里面&#xff0c;实际也是通过 ConcurrentHashMap 进行保存。Spring…...

docker快速部署xxjob2.3.0-SpringBoot快速集成示例

xxjob 2.3.0 部署 参考资料 docker安装xxl-job-admin步骤_JEECG低代码平台的技术博客_51CTO博客 run前准备 1 新建数据库 xxl_job 2 建表sql(可以直接使) https://github.com/xuxueli/xxl-job/blob/master/doc/db/tables_xxl_job.sql建库sql # # XXL-JOB v2.4.0-SNAPSHOT…...

项目管理的前路,前辈能给一些意见吗?

什么是项目管理&#xff1f;关于项目管理的解释主要是基于国际项目管理三大体系不同的解释及本领域权威专家的解释!!!! 项目管理就是以项目为对象的系统管理方法&#xff0c;通过一个临时性的、专门的柔性组织&#xff0c;对项目进行高效率的计划、组织、指导和控制&#xff0c…...

浏览器高阶使用指南:从基础操作到效率系统构建

1. 项目概述&#xff1a;浏览器&#xff0c;远不止是“上网”那么简单“abczsl520/browser-use-skill”这个项目名&#xff0c;乍一看可能会觉得有点“标题党”——浏览器使用技巧&#xff1f;这谁不会啊&#xff1f;点开、输入网址、回车&#xff0c;不就完了吗&#xff1f;如…...

惠普开发了一架3D打印无人机,超轻、超快组装、成功试飞!

3D打印技术参考注意到&#xff0c;惠普于日前自行开发了一架基于增材制造设计的结构优化无人机&#xff0c;来展示使用其MJF技术进行3D打印制造的巨大潜力。它的核心观点是&#xff0c;无人机开发与制造的一个重大挑战&#xff0c;是团队花了几个月时间进行的优化设计&#xff…...

别再只装软件了!TIA Portal Openness安装后必做的用户组配置(Win10避坑指南)

别再只装软件了&#xff01;TIA Portal Openness安装后必做的用户组配置&#xff08;Win10避坑指南&#xff09; 当你兴冲冲地安装完TIA Portal和Openness组件&#xff0c;准备大展拳脚时&#xff0c;突然弹出一个"CAx操作无法启动"的错误提示——这种挫败感&#xf…...

别再到处找DEM了!手把手教你用ArcGIS Pro + Python脚本,从NASA官网免费下载并拼接出完整的中国90米高程数据

从NASA获取中国90米高程数据的自动化解决方案 在GIS和遥感研究领域&#xff0c;获取高质量的数字高程模型(DEM)数据是许多项目的基础工作。然而&#xff0c;对于中国区域的完整覆盖、高精度且免费可用的DEM数据&#xff0c;研究者们常常面临获取困难。本文将介绍如何利用ArcGI…...

004 LVGL应用场景与案例概览

004 LVGL应用场景与案例概览 上周帮一个做智能家居的朋友调屏,他用的STM32F407+4.3寸RGB屏,LVGL跑得挺欢,但一加上WiFi联网和MQTT协议栈,屏幕刷新就开始卡顿,触摸响应延迟明显。我打开他的代码一看,好家伙,lv_task_handler()直接放在主循环里裸奔,没有任何优先级管理。…...

Codex客户端Mac低版本安装解决方法

Codex客户端Mac低版本安装解决方法 关键词&#xff1a;Codex客户端安装、Mac系统版本过低、无法安装Codex、Mac兼容性问题解决、Codex客户端下载、Mac软件安装失败 在实际开发环境里&#xff0c;很多工具对 macOS 版本都有最低要求限制。最近在本地尝试安装 Codex 客户端时&am…...

CompressO终极指南:免费开源视频图片压缩工具完整使用教程

CompressO终极指南&#xff1a;免费开源视频图片压缩工具完整使用教程 【免费下载链接】compressO Convert any video/image into a tiny size. 100% free & open-source. Available for Mac, Windows & Linux. 项目地址: https://gitcode.com/gh_mirrors/co/compres…...

AI-Trader性能优化:提升AI代理交易速度的10个终极技巧

AI-Trader性能优化&#xff1a;提升AI代理交易速度的10个终极技巧 【免费下载链接】AI-Trader "AI-Trader: 100% Fully-Automated Agent-Native Trading" 项目地址: https://gitcode.com/GitHub_Trending/aitrad/AI-Trader AI-Trader作为100%全自动化的AI代理…...

别再硬啃官方文档了!用CentOS 7和Stein版OpenStack,30分钟搞定最小化部署

30分钟极速部署OpenStack Stein版&#xff1a;CentOS 7实战指南 当第一次接触OpenStack时&#xff0c;许多开发者都会被其庞大的组件和复杂的官方文档吓退。作为云计算基础设施的基石&#xff0c;OpenStack确实有着陡峭的学习曲线。但今天&#xff0c;我将带你用CentOS 7和Stei…...

008、RISC-V在TinyML中的崛起与优势

008、RISC-V在TinyML中的崛起与优势 从一块“变砖”的开发板说起 去年冬天,我在调试一个基于Cortex-M4的智能传感器节点。项目要求将唤醒词检测模型塞进32KB的SRAM里,功耗要控制在50μA以下。折腾了两周,模型量化、算子裁剪、甚至手写汇编优化了部分矩阵运算——终于跑通了…...