- 博客(90)
- 收藏
- 关注
转载 JS 逻辑
JavaScript 逻辑JavaScript 布尔(逻辑)代表两个值之一:true 或 false。Boolean() 函数可以使用 Boolean() 函数来确定表达式(或变量)是否为真:实例:Boolean(10 > 9) // 返回 true所有具有“真实”值的即为 True所有不具有“真实”值的即为 False0(零)的布尔值为 false:-0 (负零)的布尔值为 false:" "(空值)的布尔值为 false:undefined 的布尔
2021-09-20 09:35:40
245
转载 JS 数学
输出Π实例:Math.PI; // 返回 3.141592653589793Math.round()Math.round(x) 的返回值是 x 四舍五入为最接近的整数:实例:Math.round(6.8); // 返回 7Math.round(2.3); // 返回 2Math.pow()Math.pow(x, y) 的返回值是 x 的 y 次幂:实例:Math.pow(8, 2); // 返回 64Math.sqrt()Ma
2021-09-17 18:07:50
278
转载 JS 数组迭代
Array.forEach()forEach() 方法为每个数组元素调用一次函数(回调函数)。实例:var txt = "";var numbers = [45, 4, 9, 16, 25];numbers.forEach(myFunction);function myFunction(value, index, array) { txt = txt + value + "<br>"; }注释: 该函数接受 3 个参数:项目值项目索引数组本身上面的例子只用
2021-09-17 17:45:52
190
转载 JS 数组排序
数组排序sort() 方法以字母顺序对数组进行排序:实例:var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.sort(); // 对 fruits 中的元素进行排序反转数组reverse() 方法反转数组中的元素。可以使用它以降序对数组进行排序:实例:var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.sort();
2021-09-17 16:51:41
229
转载 JS 数组方法
把数组转换为字符串JavaScript 方法 toString() 把数组转换为数组值(逗号分隔)的字符串。实例:var fruits = ["Banana", "Orange", "Apple", "Mango"];document.getElementById("demo").innerHTML = fruits.toString(); 结果:Banana,Orange,Apple,Mangojoin() 方法也可将所有数组元素结合为一个字符串。它的行为类似 toString
2021-09-17 16:09:22
83
转载 JS 数组
JavaScript 数组用于在单一变量中存储多个值。创建数组使用数组文本是创建 JavaScript 数组最简单的方法。语法:var array-name = [item1, item2, ...];实例:var cars = ["Saab", "Volvo", "BMW"];访问数组元素我们通过引用索引号(下标号)来引用某个数组元素。[0] 是数组中的第一个元素。[1] 是第二个。数组索引从 0 开始。这条语句访问 cars 中的首个元素的值:var name =
2021-09-17 14:51:24
72
转载 JS 数字方法
Number 方法和属性原始值(比如 3.14 或 2016),无法拥有属性和方法(因为它们不是对象)。但是通过 JavaScript,方法和属性也可用于原始值,因为 JavaScript 在执行方法和属性时将原始值视作对象。toString() 方法toString() 以字符串返回数值。所有数字方法可用于任意类型的数字(字面量、变量或表达式):实例:var x = 123;x.toString(); // 从变量 x 返回 123(123).toStri
2021-09-17 11:47:28
272
转载 JS 数字
JavaScript 只有一种数值类型,书写数值时带不带小数点均可。精度整数(不使用指数或科学计数法)会被精确到 15 位。数字字符串JavaScript 字符串可以拥有数字内容:var x = 100; // x 是数字var y = "100"; // y 是字符串在所有数字运算中,JavaScript 会尝试将字符串转换为数字:var x = "100";var y = "10";var z = x / y; // z 将是
2021-09-16 17:50:43
114
转载 JS 字符串方法
字符串方法和属性原始值,比如“Bill Gates”,无法拥有属性和方法(因为它们不是对象)。但是通过 JavaScript,方法和属性也可用于原始值,因为在执行方法和属性时 JavaScript 将原始值视为对象。字符串长度length 属性返回字符串的长度:实例:var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";var sln = txt.length;查找字符串中的字符串indexOf() 方法返回字符串中指定文本首次出现的索引(位置)(从
2021-09-16 16:50:01
120
转载 JS 字符串
JavaScript 字符串JavaScript 字符串是引号中的零个或多个字符。实例:var x = "Bill Gates"能够使用单引号或双引号:实例:var carname = "Porsche 911";var carname = 'Porsche 911';可以在字符串中使用引号,只要不匹配围绕字符串的引号即可:实例:var answer = "It's good to see you again!";var answer = "He is called '
2021-09-16 14:12:21
86
转载 JS 事件
HTML 事件HTML 事件的一些例子:HTML 网页完成加载HTML 输入字段被修改HTML 按钮被点击通过 JavaScript 代码,HTML 允许您向 HTML 元素添加事件处理程序。使用单引号:<element event='一些 JavaScript'>使用双引号:<element event="一些 JavaScript">在下面的例子中,onclick 属性(以及代码)被添加到 <button> 元素:实例:<bu
2021-09-16 11:40:42
130
转载 JS 对象
JavaScript 对象JavaScript 变量是数据值的容器。这段代码把一个单一值(porsche)赋给名为 car 的变量:var car = "porsche";对象也是变量。但是对象包含很多值。这段代码把多个值(porsche, 911, white)赋给名为 car 的变量:var car = {type:"porsche", model:"911", color:"white"};值以名称:值对的方式来书写(名称和值由冒号分隔)。JavaScript 对象是被命
2021-09-16 10:40:25
66
转载 JS 函数
JavaScript 函数语法JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。圆括号可包括由逗号分隔的参数:(参数 1, 参数 2, ...)由函数执行的代码被放置在花括号中:{}function name(参数 1, 参数 2, 参数 3) { 要执行的代码}函数调用函数中的代码将在其他代码调用该函数时执行:当事件发生时(当用户点击按钮时)当 JavaSc
2021-09-16 09:37:39
127
1
转载 JS 数据类型
JavaScript 数据类型JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等:实例:var length = 7; // 数字var lastName = "Gates"; // 字符串var cars = ["Porsche", "Volvo", "BMW"]; // 数组var x = {firstName:"Bill", lastName:"
2021-09-16 09:37:29
74
转载 JS 算数
幂取幂运算符(**)将第一个操作数提升到第二个操作数的幂。实例:var x = 5;var z = x ** 2; // 结果是 25x ** y 产生的结果与 Math.pow(x,y) 相同:实例:var x = 5;var z = Math.pow(x,2); // 结果是 25以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-16 09:37:20
103
转载 JS 语法
JavaScript 值JavaScript 语句定义两种类型的值:混合值和变量值。混合值被称为字面量。变量值被称为变量。JavaScript 字面量写数值有无小数点均可:15.9010011字符串是文本,由双引号或单引号包围:"Bill Gates"'Bill Gates' JavaScript 变量变量用于存储a数据值。JavaScript 使用 var 关键词来声明变量。= 号用于为变量赋值以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-16 09:37:10
97
转载 JS 语句
JavaScript 语句JavaScript 语句由以下构成:值、运算符、表达式、关键词和注释。这条语句告诉浏览器在 id=“demo” 的 HTML 元素中输出 “Hello Kitty.”:实例:document.getElementById("demo").innerHTML = "Hello Kitty.";分号分号分隔 JavaScript 语句。JavaScript 代码块JavaScript 语句可以用花括号({…})组合在代码块中。代码块的作用是定义一同
2021-09-16 09:37:00
77
转载 JS 输出
JavaScript 显示方案JavaScript 能够以不同方式“显示”数据:使用 window.alert() 写入警告框使用 innerHTML 写入 HTML 元素使用 console.log() 写入浏览器控制台使用 window.alert()使用警告框来显示数据:实例:<!DOCTYPE html><html><body><h1>我的第一张网页</h1><p>我的第一个段落</p&
2021-09-15 14:22:40
88
转载 JS 使用
<script> 标签在 HTML 中,JavaScript 代码必须位于 <script> 与 </script> 标签之间。实例:<script>document.getElementById("demo").innerHTML = "我的第一段 JavaScript";</script><head> 或 <body> 中的 JavaScript能够在 HTML 文档中放置任意数量的脚本。脚本可
2021-09-15 14:09:34
89
转载 JS 简介
JavaScript 能够改变 HTML 内容JavaScript 能够改变 HTML 属性JavaScript 能够改变 HTML 样式 (CSS)JavaScript 能够隐藏 HTML 元素JavaScript 能够显示 HTML 元素以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-15 13:52:14
67
原创 JavaScript 基础学习计划
学习目标:两周完成JavaScript基础学习学习内容:JS 简介 【完成时间:9月15日】JS 使用JS 输出JS 语句JS 语法JS 注释JS 变量JS 运算符JS 算数JS 赋值JS 数据类型JS 函数JS 对象JS 事件JS 字符串JS 字符串方法JS 数字JS 数字方法JS 数组JS 数组方法JS 数组排序JS 数组迭代JS 日期JS 日期格式JS 日期获取方法JS 日期设置方法JS 数学JS 随机JS 逻辑JS 比较JS 条件
2021-09-15 13:44:12
330
转载 CSS 字体
CSS 字体使用 font-family 属性规定文本的字体。字体样式font-style 属性主要用于指定斜体文本。此属性可设置三个值:normal - 文字正常显示italic - 文本以斜体显示字体粗细font-weight 属性指定字体的粗细:字体大小font-size 属性设置文本的大小。以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-15 11:58:46
87
转载 CSS 文本
文本颜色color 属性用于设置文本的颜色。文本颜色和背景色实例:body { background-color: lightgrey; color: blue;}h1 { background-color: black; color: white;}文本对齐text-align 属性用于设置文本的水平对齐方式。文本可以左对齐或右对齐,或居中对齐。实例:下例展示了居中对齐以及左右对齐的文本(如果文本方向是从左到右,则默认为左对齐;如果文本方向是从右到左
2021-09-15 11:49:26
75
转载 CSS 轮廓
CSS 轮廓轮廓是在元素周围绘制的一条线,在边框之外,以凸显元素。CSS 拥有如下轮廓属性:outline-styleoutline-coloroutline-widthoutline-offsetoutline注意:轮廓与边框不同!不同之处在于:轮廓是在元素边框之外绘制的,并且可能与其他内容重叠。同样,轮廓也不是元素尺寸的一部分;元素的总宽度和高度不受轮廓线宽度的影响。CSS 轮廓样式outline-style 属性指定轮廓的样式,并可设置如下值:dotted - 定义点状的
2021-09-15 10:47:54
122
转载 CSS 高度和宽度
CSS 设置高度和宽度height 和 width 属性用于设置元素的高度和宽度。height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。CSS 高度和宽度值height 和 width 属性可设置如下值:auto - 默认。浏览器计算高度和宽度。length - 以 px、cm 等定义高度/宽度。% - 以包含块的百分比定义高度/宽度。initial - 将高度/宽度设置为默认值。inherit - 从其父值继承高度
2021-09-15 10:27:44
960
转载 CSS 内边距
CSS 内边距padding 属性用于在任何定义的边界内的元素内容周围生成空间。通过 CSS 可以完全控制内边距(填充)。有一些属性可以为元素的每一侧(上、右、下和左侧)设置内边距。Padding - 单独的边CSS 拥有用于为元素的每一侧指定内边距的属性:padding-toppadding-rightpadding-bottompadding-left所有内边距属性都可以设置以下值:length - 以 px、pt、cm 等单位指定内边距% - 指定以包含元素宽度的百分
2021-09-15 10:17:15
613
转载 CSS 外边距
CSS 外边距margin 属性用于在任何定义的边框之外,为元素周围创建空间。通过 CSS 可以完全控制外边距。有一些属性可用于设置元素每侧(上、右、下和左)的外边距。Margin - 单独的边CSS 拥有用于为元素的每一侧指定外边距的属性:margin-topmargin-rightmargin-bottommargin-left所有外边距属性都可以设置以下值:auto - 浏览器来计算外边距length - 以 px、pt、cm 等单位指定外边距% - 指定以包含元素
2021-09-15 10:11:04
508
转载 CSS 边框
CSS 边框属性CSS border 属性允许您指定元素边框的样式、宽度和颜色。CSS 边框样式border-style 属性指定要显示的边框类型。border-style 属性可以设置一到四个值(用于上边框、右边框、下边框和左边框)。允许以下值:dotted - 定义点线边框dashed - 定义虚线边框solid - 定义实线边框double - 定义双边框none - 定义无边框hidden - 定义隐藏边框CSS 边框宽度border-width 属性指定四个
2021-09-14 18:18:20
1387
转载 CSS 背景图像
CSS 背景图像background-image 属性指定用作元素背景的图像。默认情况下,图像会重复,以覆盖整个元素。实例页面的背景图像可以像这样设置:body { background-image: url("paper.gif");}还可以为特定元素设置背景图像,例如 <p> 元素:p { background-image: url("paper.gif");}以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-14 16:38:01
288
转载 CSS 背景颜色
background-colorbackground-color 属性指定元素的背景色。实例页面的背景色设置如下:body { background-color: lightblue;}还可以为任何 HTML 元素设置背景颜色:h1 { background-color: green;}div { background-color: lightblue;}p { background-color: yellow;}不透明度 / 透明度opacity
2021-09-14 16:32:15
1033
转载 CSS 使用
三种使用 CSS 的方法有三种插入样式表的方法:外部 CSS内部 CSS行内 CSS外部 CSS通过使用外部样式表,只需修改一个文件即可改变整个网站的外观!每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。实例外部样式在 HTML 页面 <head> 部分内的 <link> 元素中进行定义:<!DOCTYPE html><html><head><lin
2021-09-14 15:48:51
64
转载 CSS 选择器
CSS id 选择器id 选择器使用 HTML 元素的 id 属性来选择特定元素。元素的 id 在页面中是唯一的,因此 id 选择器用于选择一个唯一的元素!要选择具有特定 id 的元素,请写一个井号(#),后跟该元素的 id。实例这条 CSS 规则将应用于 id=“para1” 的 HTML 元素:#para1 { text-align: center; color: red;}注意:id 名称不能以数字开头。CSS 类选择器类选择器选择有特定 class 属性的 HT
2021-09-14 14:40:10
323
转载 CSS 语法
CSS 语法CSS 规则集(rule-set)由选择器和声明块组成:选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。多条 CSS 声明用分号分隔,声明块用花括号括起来。实例在此例中,所有 <p> 元素都将居中对齐,并带有红色文本颜色:p { color: red; text-align: center;}以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-14 13:57:00
56
转载 CSS 简介
什么是 CSS?CSS 指的是层叠样式表,也称级联样式表。外部样式表存储在 CSS 文件中,通过使用外部样式表文件,只需更改一个文件即可更改整个网站的外观。为何使用 CSS?CSS 用于定义网页的样式,针对不同设备和屏幕尺寸的设计和布局。以上内容均整理自W3C,如需阅读全文请点击链接。...
2021-09-14 13:49:11
53
原创 CSS 基础学习计划
学习目标:一周完成HTML基础学习学习内容:CSS 简介CSS 语法CSS 选择器CSS 使用CSS 注释CSS 背景CSS 背景图像CSS 背景重复CSS 背景附着CSS 简写背景属性CSS 边框CSS 边框宽度CSS 边框颜色CSS 边框各边CSS 简写边框属性CSS 圆角边框CSS 外边距CSS 外边距合并CSS 内边距CSS 高度/宽度CSS 框模型CSS 轮廓CSS 轮廓宽度CSS 轮廓颜色CSS 简写轮廓属性CSS 轮廓偏移CSS 文本
2021-09-14 13:30:48
221
转载 HTML Input表单属性
form 属性input 的 form 属性规定 <input> 元素所属的表单。此属性的值必须等于它所属的 <form> 元素的 id 属性。实例位于 HTML 表单(但仍是表单的一部分)之外的输入字段:<form action="/action_page.php" id="form1"> <label for="fname">姓氏:</label> <input type="text" id="fname" name
2021-09-14 12:03:17
222
转载 HTML 输入属性
value 属性value 属性规定输入字段的初始值:<form action=""> First name:<br><input type="text" name="firstname" value="John"></form> readonly 属性readonly 属性规定输入字段为只读(不能修改):<form action=""> First name:<br><input type="te
2021-09-14 10:49:26
117
转载 HTML 输入类型
输入类型:text<input type="text"> 定义供文本输入的单行输入字段:<form> First name:<br><input type="text" name="firstname"><br> Last name:<br><input type="text" name="lastname"></form> 输入类型:password<input type="
2021-09-13 15:21:39
225
转载 HTML 表单元素
<select> 元素(下拉列表)<select> 元素定义下拉列表。<option> 元素定义待选择的选项。<select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><option
2021-09-13 14:47:28
74
转载 HTML 表单属性
Action 属性action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常,表单会被提交到 web 服务器上的网页。提交后,将表单数据发送到 “action_page.php”:<form action="action_page.php">如果省略 action 属性,则 action 会被设置为当前页面。Target属性target 属性规定提交表单后在何处显示响应。target 属性可设置以下值之一:值描述
2021-09-13 14:28:54
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人