首页 > 其他分享 >js简介

js简介

时间:2024-09-11 22:47:50浏览次数:1  
标签:function 简介 getElementsByClassName js alert document bz

js简介

js出生的时候是为了解决表单数据的合法性验证

image-20240910185409354

JavaScript:简写js,但是他与Java没有半毛钱关系

js可以控制web前端技术的钱两者:html(结构)和css(样式)


js基础语法

ctrl+?依旧是注释的快捷键,只不过在不同语言的语法显示不一样
alert的作用是弹出对话框,小括号中的内容可以提示文字的效果,文字必须写在英文状态下的单或双引号中,最后的分号不推荐省略(为了规范)

以下这一小段代码放在浏览器的 f12,找到第二个 console,复制进去回车运行,查看是否可以找到对应的标签了

document.getElementById("bz")


实现点击button按钮,跳出弹窗,显示”点我“

document.getElementById('bz').onclick=function(){
alert('点我');
}


document.getElementsByClassName('bz') 找class为bz的按钮
onclick必须是小写才可以 代表事件的类型
数字代表是第几个class,从0开始记录数字(地址下标、索引值) document代表查找的范围在整个文档中,找到id值为bz的按钮

document.getElementsByClassName('bz')[0].onmouseover=function(){
		alert('我出来咯');
	}
	//onmouseover  鼠标的移入事件
	//
	document.getElementsByClassName('bz')[1].onmouseout=function(){
		alert('我出来咯');
	}
	//onmouseout  鼠标移出事件
	document.getElementsByClassName('bz')[2].onclick=function(){
		alert('我出来咯');
	}
	//onclick 鼠标点击事件

标签:function,简介,getElementsByClassName,js,alert,document,bz
From: https://www.cnblogs.com/nice-melody/p/18409173

相关文章

  • JsonConfigurationFileParser
    internalclassProgram{staticasyncTaskMain(string[]args){varroot=newRoot{Demo1=newDemo1{Name="Demo1",Data=newDemo2{Name="Demo2"......
  • JS获取URL参数的几种方法
    JS获取URL参数的几种方法在Web开发中,经常需要从URL中提取参数来进行相应的操作。本文将深度解析在JavaScript中获取URL参数的几种方法,并附带一些扩展与高级技巧。希望对你有所帮助!一、JS获取URL参数包含哪些方式1.使用URL对象现......
  • fastjson1.2.24反序列化漏洞复现 CVE-2017-18349
    1.准备:1.1复现环境漏洞环境:vulnhub靶场工具准备:jdk8,apache-maven-3.9.9,kali2024.1,MarshalSec1.2环境启动进入vulnhub目录下的fastjson目录,进入CVE-2017-18349目录cd/home/hbesljx/vulhub/fastjson/1.2.24-rcedocker-compoe启动漏洞环境docker-composeup-d访问靶机......
  • Threejs之光线投射Raycaster
    本文目录前言一、简要介绍1.1定义与原理1.2构造器1.3常用属性1.4常用方法二、代码准备及效果2.1演示代码准备2.2效果三、创建射线Raycaster及效果3.1代码3.2效果四、完整代码前言Three.js中的光线投射(Raycaster)是一个功能强大的类,用于在三维场景中执行射......
  • Threejs之光线投射Raycaster交互
    这里写目录标题前言一、前置准备1.1代码1.2效果二、添加交互事件2.1代码2.2效果三、完整代码前言基于上篇文章Threejs之光线投射Raycaster我们知道了光线投射的基础用法,在本届我们将使用光线投射进行鼠标交互事件一、前置准备1.1代码<!DOCTYPEhtml><ht......
  • 内存屏障简介
    内存屏障编译乱序异步场景中,经常使用多线程一起处理任务并且通过一个共享变量进行状态的共享,如下,function2在请求data数据时通过status判断数据是否就绪,function1准备数据完成后修改status。boolstatus=false;chardata[50]="Hello";voidfunction1(){strcp......
  • 面试-JS Web API-DOM
    概览DOM(DocumentObjectModel)DOM是哪种数据结构?---树......
  • 【Node.js】常见命令
    原创新生代码农新生代码农Node.js是一种流行的JavaScript运行时环境,用于构建高性能的网络应用程序。在日常开发中,掌握一些常用的Node.js命令可以提高开发效率和便捷性。让我们一起来探索一些常见的Node.js命令。nodenode命令用于执行JavaScript文件,是Node.js的主要命令......
  • HTB-Oopsie(越权漏洞,suid提权,js接口查询插件)
    前言各位师傅大家好,我是qmx_07,今天给大家讲解Oopsie靶机渗透过程信息搜集服务器开放了22SSH端口和HTTP80端口FindSomething插件介绍:帮助寻找网站的js接口,辅助渗透通过js接口查找,发现目录/cdn-cgi/login登录接口通过游客模式登录越权登录访问uploads文件......
  • 面试-JS基础-异步和单线程
    同步和异步的区别是什么?手写Promise加载一张图片前端用到异步的场景?JS是单线程语言,只能同时做一件事浏览器和nodejs已支持JS启动线程,比如WebWorker(不知道是啥东西)JS和DOM渲染共用一个线程,因为JS可以修改DOM结构。意味着JS在工作的时候DOM渲染要停止,反之亦然。异步的出......