JavaScript 可以分批地组合起来。作用是一并地执行语句序列。以左花括号开始,以右花括号结束。
把平常撸的码来博客上再撸一遍既可以加深理解,又可以理清思维。还是很纯很纯的小白,各位看官老爷们,不要嫌弃。最近都是晚睡,昨晚也不例外,两点多睡的。故,八点起来的人不是很舒服,脑袋有点晕呼呼,鉴于昨晚看到了这章的编程练习,想着自己DOM编程艺术也差不多看完了,高级3也看了点,所打算开始多敲代码了。 谁知,看着编辑器一脸懵逼,不知道如何啃下这块骨头,米思绪,写着也没什么感觉,索性就不写了,这不下午才来撸它。 要求如下: <!DOCTYPE html> <html> <head> <title>
JavaScript 是脚本语言,是一种解释性脚本语言(代码不进行预编译) JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行 JavaScript 很容易入门
这里主要指字符串的各种函数 str.length() 获取字符串长度 str.charAt(index)获取指定位置的字符 str.indexOf(char)获取指定字符在字符串中出现的位置 str.lastIndexOf(char)获取指定字符在字符串中最后出现的位置 str.substring(start, end)截取字符串 str.slice(start, end)截取字符串
需要注意的是如果是通过copy paste代码到浏览器地址栏的话,IE及Chrome会自动去掉代码开头的javascript:,所以需要手动添加起来才能正确执行,而Firefox中虽然不会自动去掉,但它根本就不支持在地址栏运行JS代码
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。
JSON之所以流行是因为可以把JSON数据结构解析为有用的JavaScript对象。
Markdown 是一种轻量级标记语言,让写作者专注于写作而不用关注样式。Coding 的许多版块均采用了 Markdown 语法,比如冒泡、讨论、Pull Request 等。
typeof检测变量的类型,变量的类型取决于变量的类型,变量是没有类型的。返回值:string,number,等。
JavaScript的用法,输出,语句,注解,变量,数据类型,函数,运算符,比较,条件语句,循环,Break,错误,类型转换,表单验证。
费了2个小时,才把原理弄懂,把问题逐个解决,当你发现你最后栽的那个点,是一个小石头拌的你,你起来是该哭还是该笑呢?只怪自己习武不精吧。 虽然问题都解决了,但是还有一个余留的问题就是鼠标经过input时,怎么修改背景颜色的问题。 这一节有点乱,虽然整理的代码编了问题序号。可我相信,再过几天自己回头看肯定还是一头雾水。 so,附上具体问题网址:http://www.imooc.com/code/1636 以下是html整件 <!DOCTYPE html> <html> <head> <meta chars
作者 0xExploit 0×00 引言 很多不了解html、js编码的童鞋挖掘xss漏洞时,都是一顿乱插,姿势对了,就能获得快感,姿势不对,就么反应。另外在freebuf里,有很多文章介绍过跨站编码,有兴趣的,可以搜索下。 本文介绍常见的编码方法,能力不足,如有其他意见,请指正。 0×01 常用编码 URL编码:一个百分号和该字符的ASCII编码所对应的2位十六进制数字,例如“/”的URL编码为%2F(一般大写,但不强求) HTML实体编码: 命名实体:以&开头,分号结尾的,例如“<”的编码是“<”
在远程工作中,并不是所有项目都是从头开始的,有很多项目是已经做了一部分,或者需要按着其要求来创建项目和编码的。所以这其中就有一些公司或者团队会使用一些代码规范,以保证无论是公司内部还是远程工作的同事都可以保持一致的代码规范,让代码不会过于凌乱。
有一个多行字符串,每行开头会用空格来表示它的层级关系,每间隔一层它的空格总数为2,如何将它转为json格式的树型数据?本文就跟大家分享下这个算法,欢迎各位感兴趣的开发者阅读本文。
文档对象模型(Document Object Model),简称DOM,是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准接口。
前言 JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。 JavaScript 简介 JavaScript 的学习分三个部分: 1、核心(ECMAScript):JavaScript的核心,描述了语言的基本语法和数据类型。ECMAScript 是一套标准,定义了一种语言的标准与具体实现无关。 2、文档对象模型DOM(Document Object Model):用于操作页面的元素。一套操作页面元素的 API。DOM 可以把 HTML 看做是文档树,通过 D
JavaScript是客户端和服务器端脚本语言,可以插入到HTML页面中,并且是目前较热门的Web开发语言。同时,JavaScript也是面向对象编程语言。
输出 使用 window.alert() 写入警告框 使用window.confirm() 确认框 使用window.prompt() 输入框 使用 document.write() 写入 HTML 输出 使用 innerHTML 写入 HTML 元素 使用 console.log() 写入浏览器控制台 常见的HTML事件 onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmouseover 用户在一个HTML元素上移动鼠标 onmouseout 用户从一个HTML元素上移
尽管DOM作为API已经非常完善了,但是为了实现更多的功能,仍然会有一些标准或专有的扩展。对DOM的两个主要扩展是Selectors API(选择符API)和HTML5。
[强制] class 必须单词全字母小写,单词间以 – 分隔。 [强制] class必须代表相应模块或部件的内容或功能,不得以样式信息进行命名。 [强制] 元素 id 必须保证页面唯一。 [强制] 同一页面,应避免使用相同的 name 和 id。 [建议] id 建议单词全字幕小写单词间以 – 分隔。同项目必须保持风格一致。 [建议] id、class命名,在避免冲突并描述清楚的前提下尽可能短。
XML 经常包含节点之间的换行符或空格字符。当文档由简单编辑器(如记事本)编辑时,通常会出现这种情况。
我们使用的应用系统很多都有右键菜单功能。但是在网页上面,点击右键一般显示的却是IE默认的右键菜单,那么我们如何实现自己的右键菜单呢?下面将讲解右键菜单功能的实现原理和实现代码。
Web APIs第七天-正则表达式 1. 正则表达式 正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象 通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式 正则表达式在 JavaScript中的使用场景: 例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配) 比如用户名: /^[a-z0-9_-]{3,16}$/ 过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我
typeof运算符可以帮助你找到你的变量的类型。typeof运算符返回一个变量或表达式的类型。
JavaScript 注释可用于提高代码的可读性。 ---- JavaScript 注释 JavaScript 不会执行注释。 我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。 单行注释以 // 开头。 本例用单行注释来解释代码: // 输出标题: document.getElementById("myH1").innerHTML="欢迎来到我的主页"; // 输出段落: document.getElementById("myP").innerHTML="这是我的第一个段落。";
JavaScript初探 (三) JavaScript数组 定义 创建数组 var 数组名 = [元素0,元素1,元素2,……] ; var arr = ["Huawei","China","Mirror"]; 同时JavaScript也支持 new Array 创建数组。但是建议使用上面的文本方式创建数组 数组访问 通过引用 索引号(下标) 来引用某个数组元素 var name = arr[0]; // name = Huawei ps:数组的索引是从 0 开始的 可以直接使用数组名不加索引属
不是说一开始就要写多难多复杂的大工程,而是可以发挥自己的想象力,运用教程中学到的知识点,写一些好玩的小代码。多写多练,时间久了,不仅真正学到了知识,也积累的一定的作品,收获了成就感。
前两期分别给大家总结了获取标签的方法和设置样式的方法,如果想具体了解获取标签的方法和设置样式的方法,可以回复“获取标签”和“设置样式”到“HTML5学堂”公众号。在实现页面交互效果的时候,操作标签的内容是必不可少的,所以今天我们要给大家总结的是操作标签的内容。 本文内容概要: 1 innerHTML与outerHTML属性 2 innerText与outerText属性 3 课后作业 1 innerHTML与outerHTML属性 前几期我们接触了innerHTML属性,利用它来获取和设置标签的内容,具体我
添加新的 HTML 内容,四种方法:可根据上面的图片来区分四种方法插入元素的位置。
<!DOCTYPE html> <html> <head> <title></title> </head> <body> 我是div 我是标题 我是段落 <script type="text/javascript"> /*let oDiv = document.querySelector("div"); console.log(oDiv.innerHTML); console.log(oDiv.inn
我是段落
一个变量被赋值后,就说该变量包含这个字。变量mood现在包含值“happy”,变量age现在包含22
<!DOCTYPE html> <html> <body> <script> // 改变标题: document.getElementById("myH").innerHTML = "JavaScript 注释"; // 改变段落: document.getElementById("myP").innerHTML = "我的第一个段落。"; </script> </body> </html> <!DOCTYPE html> <h
本章的主要内容有: ---- [1] 用于媒体回放的 video 和audio 元素 [2] HTML5拖放 [3] canvas简单应用 [4] Web存储: localStorage 和 SessionStorage [5] Input输入类型 [6] 表单类型 [7] 表单属性 [8] 地理定位 (geolocation) [9] Web Workers: Worker [10] 服务器发送事件 EventSource ---- [1] 用于媒体回放的 video 和audio 元素 video 支持
javascript 加入如下语句,出错时会提示 注意: chrome、opera 和 safari 等浏览器不支持 window.onerror 事件(w3c标准没有此事件),需另外捕获出错信息
nextSibling属性与nextElementSibling属性的差别: nextSibling属性返回元素节点之后的兄弟节点(包括文本节点、注释节点即回车、换行、空格、文本等等); nextElementSibling属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);
一个JavaScript字符串简单的存储一系列字符像 "John Doe"。一个字符串可以是任何引号内的文本。可以使用单引号或双引号:
利用节点间的层次关系获取节点: 上一节讲了3中获取的方式: * ※※一、绝对获取,获取元素的3种方式:—Element * 1、getElementById(): 通过标签中的id属性值获来取该标签对象 * 2、getElementsByName(): 通过标签中的name属性值来获取该标签对象集合 * 3、getElementsByTagName(): 通过标签名来获取该标签对象集合
一、前言 由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它(修正:FF45+已经支持innerText属性),一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input、textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏。 二、innerHTML 由于innerText和text
JavaScript一直都是前端面试的重头戏,也是最核心的部分。JavaScript也是囊括知识点最多的部分,从BOM到DOM,从 ECMAScript编程到简单算法的实现等,都是 JavaScript部分面试题主要考察的内容。
JavaScript的 DOM 操作可以改变网页内容、结构和样式,我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。(注意:这些操作都是通过元素对象的属性实现的)
和其他可编程语言相同,JavaScript 也有“变量”的概念。“变量”可以认为是有名字的容器。将数据置于这些容器中,然后通过容器的名称就可以知道数据的类型。
在 HTML 中,JavaScript 代码必须位<script>与</script>标签之间
jQuery append() 方法在被选元素的结尾插入内容(仍然在该元素的内部)。
在本文中,您将学习面试中最常见的JavaScript面试问题和答案。在继续学习 JavaScript 面试问题和答案 - 中级之前,首先我们学习完整的 JavaScript https://s.juejin.cn/ds/ie92pj5x/
ES2019 规范是对 JavaScript的小规模扩展,但仍带来了一些有趣的功能。本文向你展示八个 ES2019 的功能,这些功能可以使你的开发变得更轻松。
Java Script 是基于对象的脚本语言,而不是面向对象中所使用的那个对象,之所以说JS是一门基于对象的编程语言,是因为它没有提供抽象,继承,封装等面向对象语言的很多功能,而是把其他语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统.
在Web项目开发中,经常会看到表单验证的功能。例如,用户注册、用户登录等,需要对用户填写的内容进行验证。接下来,小编带着大家一起来实现表单验证的用户名、密码、性别、手机号码、邮箱验证的功能。
必须以字母或下划线开头,中间可以是数字、字符或下划线
领取专属 10元无门槛券
手把手带您无忧上云