文章 2022-06-15 来自:开发者社区

web前端学习(三十九)——JavaScript DOM简介、通过DOM修改HTML、CSS

1.JS DOM简介HTML DOM (文档对象模型),当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。通过HTML DOM,可访问 JavaScript HTML 文档的所有元素。HTML DOM 模型被构造为对象的树: 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML。·   &...

web前端学习(三十九)——JavaScript DOM简介、通过DOM修改HTML、CSS
文章 2022-06-15 来自:开发者社区

web前端学习(三十八)——JavaScript正则表达式、异常处理的相关设置

1.JS正则表达式正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符,或一个更复杂的模式。正则表达式可用于所有....

web前端学习(三十八)——JavaScript正则表达式、异常处理的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十七)——JavaScript typeof、null、undefined及简单类型转换的相关设置

1.JS几个重要的操作符与变量值1.1 typeof 可以使用 typeof 操作符来检测变量的数据类型。<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>JS简单学习</title> </head&g...

web前端学习(三十七)——JavaScript typeof、null、undefined及简单类型转换的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十六)——JavaScript重要语句(if...else if...else、switch、for、while、break、continue)的相关设置

1.JS条件语句条件语句用于基于不同的条件来执行不同的动作。通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:·       if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码·       if...else 语句 -....

web前端学习(三十六)——JavaScript重要语句(if...else if...else、switch、for、while、break、continue)的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十五)——JavaScript事件、字符串及运算符的相关设置

1.JS事件HTML事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。HTML 事件可以是浏览器行为,也可以是用户行为。以下是 HTML 事件的实例:·       HTML 页面完成加载·       HTML input 字段改变时·   ....

web前端学习(三十五)——JavaScript事件、字符串及运算符的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十四)——JavaScript对象、函数及作用域(全局变量、局部变量)的相关设置

1.JS对象JavaScript对象是拥有属性和方法的数据。在JavaScript中,几乎所有的事物都是对象。(这和Java一样啊,万物皆对象!!!)可以使用字符来定义和创建 JavaScript 对象,定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的。可以说 "JavaScript 对象是变量的容器"。但是,我们通常认为"JavaScript 对象是键值对的容器"。键值对通常....

web前端学习(三十四)——JavaScript对象、函数及作用域(全局变量、局部变量)的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十三)——JavaScript变量、数据类型的相关设置

1.JS变量与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。变量是用于存储信息的"容器"。变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。· &nbsp; &nbsp; &nbsp; 变量必须以字母开头· &nbsp; &nbsp; &nbsp; 变量也能以 $ 和 _ 符号开....

web前端学习(三十三)——JavaScript变量、数据类型的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置

1.JS语句JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。JavaScript是脚本语言,浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。分号用于分隔 JavaScript 语句,通常我们在每条可执行的语句结尾添加分号,使用分号的另一用处是在一行中编写多条语句。例如:(您也可能看到不带有分号的案例。在 JavaScript....

web前端学习(三十二)——JavaScript语法、语句输出及注释的相关设置
文章 2022-06-15 来自:开发者社区

web前端学习(三十一)——初识JavaScript

1.JS简介JavaScript是 Web 的编程语言,所有现代的 HTML 页面都使用 JavaScript。JavaScript是 web 开发人员必须学习的 3 门语言中的一门:1.    HTML 定义了网页的内容2.    CSS 描述了网页的布局3.    JavaScript 网页的行为 JavaScript是互....

web前端学习(三十一)——初识JavaScript
文章 2022-06-15 来自:开发者社区

web前端学习(三十)——CSS3图像透明/不透明、拼合技术的相关设置

1.CSS图像透明度CSS3中属性的透明度是 opacity。在这种情况下,当用户将鼠标悬停在图像上时,我们希望图片是清晰的。此CSS是:opacity=1。当鼠标指针远离图像时,图像将重新具有透明度。<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> &...

web前端学习(三十)——CSS3图像透明/不透明、拼合技术的相关设置

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"高效防护 web 应用","productDescription":"随着网络技术的不断发展,您的Web应用如果没有流量入口的防护,会面临诸多风险。本方案以ECS实例接入WAF为例,推荐您使用Web应用防火墙(WAF)开启应用防护,避免网站服务器被恶意入侵导致性能异常等问题,保障网站的业务安全和数据安全。同时,为您节约开发成本,满足行业合规要求。","productContentLink":"https://www.aliyun.com/solution/tech-solution/web-protection","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/web-protection"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2714251.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云防火墙企业多账号统一管理","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/umomaicf","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock","activityPromotionInfoBlock":[]}}

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注