JavaScript初学心得

JavaScript

JavaScript原名是livescript,是由美国网景开发的一种用于对网页操作的脚本语言

网页操作(图片切换)

脚本语言(不需要编译 sql,html,css,javascript,由某种解释器直接可以运行)

livescript也是面向对象的,后来sun公司与其合作,将名字改为JavaScript

JavaScript与Java是两种不同语言

JavaScript是嵌入网页中,对网页进行各种操作,是一种脚本语言

java是一种后端的高级语言,是需要编译的

JavaScript与css、HTML的区别

  • HTML是网页的基本内容(标签、文本)
  • css是网页外观(样式)
  • JavaScript(js)是网页的动态效果

js的数据类型

  1. 数值型
  2. bool型
  3. 字符串型
  4. undefined型
  5. 对象类型
js声明变量时:js的变量没有类型,直接使用var关键字声明即可,但是值有类型,给变量赋了什么值变量就是什么类型

js语句的调试

弹出窗:alert()

alert()是js中内置好的一个对话框,在安装浏览器的时候,已经安装到电脑上了。

如图:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

消息确定框:confirm()

var res=confirm("消息确定框")//确定返回true,取消返回falsealert(res)

确认返回true,取消返回false

如图:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

输入对话框:prompt()

var input=prompt("输入对话框")alert(input)

如图:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

控制台输出:console.log()

console.log("崔伟阳是我儿子")//控制台输出

返回参数数据类型:typeof()

			var a="1"alert(typeof(a))//返回参数数据类型为字符串型

字符串的计算:eval()

			var s="1+10+23"alert(eval(s))//计算出值为34

js的事件

onload()

  • 用于中,待网页加载完成后才会加载

鼠标单击:onclick()

<input type="button" value="单击事件" οnclick="test()"/>

鼠标双击:ondblclick()

<input type="button" value="双击事件" ondblclick="test()"/>

聚焦事件:onfocus()

<input type="text" onfocus="test()"/>

失焦事件:onblur()

<input type="text" οnblur="test()"/>

鼠标移入标签:onmouseover()

<div onmouseover="test()">你好</div>

鼠标移出标签:onmouseout()

<div onmouseout="test()">再见</div>

输入框失去鼠标焦点且内容发生改变时触发事件 :onchange()

<input type="text" onchange="test()"/>

ouseout=“test()”>再见


### 输入框失去鼠标焦点且内容发生改变时触发事件 :onchange()```javascript
<input type="text" onchange="test()"/>

document

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/756406.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

外键约束

目录 外键约束 对数据表进行初期设计&#xff0c;暂时不使用外键 验证限制三 验证级联删除 设置级联更新 Oracle从入门到总裁:​​​​​​https://blog.csdn.net/weixin_67859959/article/details/135209645 外键约束 外键约束主要是在父子表关系中体现的一种约束操作。…

代码随想录算法训练营day28 | 回溯算法之93.复原IP地址 78.子集 90.子集II

三刷day28 93.复原IP地址判断子串是否合法 78.子集回溯三部曲 90.子集II 93.复原IP地址 题目链接 解题思路&#xff1a; 切割问题就可以使用回溯搜索法把所有可能性搜出来 回溯三部曲 递归参数 startIndex一定是需要的&#xff0c;因为不能重复分割&#xff0c;记录下一层递…

windows取证

Windows事件日志分析 使用Windows事件日志查看器&#xff0c;打开实验文档“security01.evtx”。按“日期和时间”对日志进行分组统计&#xff1b;按“事件ID”对日志进行分组统计&#xff1a; 问题&#xff1a;日志中是否有用户登录失败的记录。如果有&#xff0c;请按“登录…

AI智能客服的数据训练流程

实现智能客服的数据训练流程可以分为几个主要步骤&#xff0c;包括数据准备、模型选择、模型训练和评估。以下是一个基本的数据训练流程&#xff0c;希望对大家有所帮助。北京木奇移动技术有限公司&#xff0c;专业的软件外包开发公司&#xff0c;欢迎交流合作。 1.数据准备&am…

1-postgresql数据库高可用脚本详解

问题&#xff1a; pgrep -f postgres > /dev/null && echo 0 || pkill keepalived 这是什么意思 建议换成 pgrep -f postmaster > /dev/null && echo 0 || pkill keepalived 回答 这条命令是一个复合命令&#xff0c;包含条件执行和重定向的元素。让我们…

三、转移字符、字符串、bool类型和eval函数

一、转义字符 \n&#xff1a;换行符 \t&#xff1a;制表符 \&#xff1a;单引号 \"&#xff1a;双引号 \\&#xff1a;反斜杠 a人生无常 b我用python print(ab) print(f"{a}\n{b}") print(f"{a}\t{b}") print(fr"{a}\t{b}") 在打印字…

const,static深度总结——c++穿透式分析

前言&#xff1b;c类和对象的知识点中除了几种默认函数&#xff0c; 比较重要的还有使用const和static修饰成员相关知识点。const在c中特性很简单。 但是在使用中&#xff0c; 比较容易疏忽大意出现问题。 static特性也很简单&#xff0c; 但是比起const来要直接的多。 在使用中…

LAMP架构部署--yum安装方式

这里写目录标题 LAMP架构部署web服务器工作流程web工作流程 yum安装方式安装软件包配置apache启用代理模块 配置虚拟主机配置php验证 LAMP架构部署 web服务器工作流程 web服务器的资源分为两种&#xff0c;静态资源和动态资源 静态资源就是指静态内容&#xff0c;客户端从服…

如何选择合适的奶瓶?五大超实用选购技巧,新手宝妈必看

奶瓶什么品牌好&#xff1f;奶瓶是每个新生宝宝都需要用到的辅喂产品&#xff0c;然而市场上许多网红品牌为了赚快钱&#xff0c;往往凭借外观设计、性价比和广告营销来吸引消费者。这些品牌由于缺乏专业技术&#xff0c;往往没有对选材用料和安全性进一步的优化&#xff0c;从…

MNN Session::resize 之流水线编码(五)

系列文章目录 MNN createFromBuffer&#xff08;一&#xff09; MNN createRuntime&#xff08;二&#xff09; MNN createSession 之 Schedule&#xff08;三&#xff09; MNN createSession 之创建流水线后端&#xff08;四&#xff09; MNN Session::resize 之流水线编码&am…

【LeetCode: 173. 二叉搜索树迭代器 + dfs + 二叉搜索树】

&#x1f680; 算法题 &#x1f680; &#x1f332; 算法刷题专栏 | 面试必备算法 | 面试高频算法 &#x1f340; &#x1f332; 越难的东西,越要努力坚持&#xff0c;因为它具有很高的价值&#xff0c;算法就是这样✨ &#x1f332; 作者简介&#xff1a;硕风和炜&#xff0c;…

电脑数据安全新利器:自动备份文件的重要性与实用方案

一、数据安全的守护神&#xff1a;自动备份文件的重要性 在数字化时代&#xff0c;电脑中的文件承载着我们的工作成果、个人回忆以及众多重要信息。然而&#xff0c;数据丢失的风险无处不在&#xff0c;无论是硬件故障、软件崩溃&#xff0c;还是恶意软件的攻击&#xff0c;都…

Python计算机二级选择易错题(一)

题目来源&#xff1a;python计算机二级真题&#xff08;选择题&#xff09; - 知乎 选择题第08&#xff0c;09套

力扣刷题Days22-49.字母异位词(js)

目录 1&#xff0c;题目 2&#xff0c;代码 2.1利用数组排序作为键名 2.2计数实现 3&#xff0c;学习与总结 1&#xff0c;题目 给你一个字符串数组&#xff0c;请你将 字母异位词 组合在一起。可以按任意顺序返回结果列表。 字母异位词 是由重新排列源单词的所有字母得到…

虚拟化技术

前言 大家好我是jiantaoyab&#xff0c;这是我所总结作为学习的笔记第十八篇&#xff0c;在这里分享给大家&#xff0c;这篇文章讲虚拟技术就是大家平时用到的云服务器是什么。 虚拟机技术变迁 虚拟机&#xff08;Virtual Machine&#xff09;技术&#xff0c;其实就是指在现…

关于Oracle Primavera P6 v23.12新增的特殊功能

​​​​​​​ 本文将介绍Oracle Primavera P6 最新发行版v23.12 中有新增哪些特色功能 1.角色限制计算的细化 如果选择显示根据主要资源限制计算的角色限制&#xff0c;你可以选择在“用户首选项”的“资源分析”选项卡上仅使用 P6 Professional 中的活动资源来计算限制。…

Spring-Gateway服务网关

一、网关介绍 1. 为什么需要网关 Gateway网关是我们服务的守门神&#xff0c;所有微服务的统一入口。 网关的核心功能特性&#xff1a; 请求路由 权限控制 限流 架构图&#xff1a; 权限控制&#xff1a;网关作为微服务入口&#xff0c;需要校验用户是是否有请求资格&am…

高端嵌入式底层技术揭秘:《ARM汇编与逆向工程》

ARM架构简介 与传统的CISC&#xff08;Complex Instruction Set Computer&#xff0c;复杂指令集计算机&#xff09;架构相比&#xff0c;Arm架构的指令集更加简洁明了&#xff0c;指令执行效率更高&#xff0c;能够在更低的功耗下完成同样的计算任务&#xff0c;因此在低功耗…

el-dialog弹框遮罩层问题

先看一下出现的bug&#xff0c;点击按钮出现弹框的时候&#xff0c;遮罩层出现在弹框上层&#xff0c;不知道是那个同事写的全局样式影响的&#xff0c;这个时候我们需要在el-dialog标签上添加一个属性就行 :modal-append-to-body“false” 下图是出现的问题&#xff0c;遮罩层…

[论文笔记] Dual-Channel Span for Aspect Sentiment Triplet Extraction

一种利用句法依赖和词性相关性信息来过滤噪声&#xff08;无关跨度&#xff09;的基于span方法。 会议EMNLP 2023作者Pan Li, Ping Li, Kai Zhang团队Southwest Petroleum University论文地址https://aclanthology.org/2023.emnlp-main.17/代码地址https://github.com/bert-ply…