- 博客(21)
- 收藏
- 关注
原创 jQuery 语法 选择器
基础语法:$(selector).action() 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 代码示例 $(this).hide() - 隐藏当前元素 $(“p”).hide() - 隐藏所有段落 $(".test").hide() - 隐藏所有 class=“test” 的所有元素 $("#...
2019-05-29 20:10:03
190
原创 JavaScript 类型转换
Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。 JavaScript 数据类型 在 JavaScript 中有 5 种不同的数据类型: string number boolean object function 3 种对象类型: Object Date Array 2 个不包含任何值的数据类型: null undefined typeof ...
2019-05-11 14:15:49
156
原创 JavaScript typeof, null, 和 undefined
typeof 操作符 可以使用 typeof 操作符来检测变量的数据类型。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>typeof 操作符返回变量或...
2019-05-11 11:04:38
171
原创 JavaScript for 循环
For/In 循环 JavaScript for/in 语句循环遍历对象的属性: 示例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>点击下面的按...
2019-05-11 10:36:27
350
原创 JavaScript 比较 和 逻辑运算符
比较和逻辑运算符用于测试 true 或者 false。 比较运算符 比较运算符在逻辑语句中使用,以测定变量或值是否相等。 x=5,下面的表格解释了比较运算符: 运算符 描述 比较 返回值 == 等于 x==8 false === 绝对等于(值和类型均相等) x==="5"和x===5 false != 不等于 x!=8 true !== 不绝对等于(值和类型有一个不相等...
2019-05-06 21:06:14
122
原创 JavaScript 运算符
运算符 = 用于赋值。 运算符 + 用于加值。 运算符 = 用于给 JavaScript 变量赋值。 算术运算符 + 用于把值加起来。 运算符 描述 + 加法 - 减法 * 乘法 / 除法 % 取余 ++ 自增 – 自减 JavaScript 赋值运算符 赋值运算符用于给 JavaScript 变量赋值。 运算符 例子 等同于 = x=y...
2019-05-06 20:55:18
110
原创 JavaScript 字符串
JavaScript 字符串用于存储和处理文本。 JavaScript 字符串 字符串可以存储一系列字符,如 “John Doe”。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号: var carname = ‘Volvo XC60’; var carname = “Volvo XC60”; 你可以使用索引位置来访问字符串中的每个字符: var charact...
2019-05-06 20:40:16
192
原创 JavaScript 事件
HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 HTML 事件 HTML 事件可以是浏览器行为,也可以是用户行为。 以下是 HTML 事件的实例: List item HTML 页面完成加载 HTML input 字段改变时 HTML 按钮被点击 通常,当事件发生时,你可以做些事情。 在事件触发...
2019-05-06 20:15:42
199
原创 JavaScript 作用域
作用域是可访问变量的集合。 JavaScript 作用域 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。 JavaScript 函数作用域: 作用域在函数内修改。 JavaScript 局部作用域 变量在函数内声明,变量为局部作用域。 局部变量:只能在函数内部访问。 <!DOCTYPE html> <...
2019-05-06 19:58:58
145
原创 JavaScript 函数
JavaScript 函数语法 函数就是包裹在花括号中的代码块,前面使用了关键词 function: function functionname() { // 执行代码 } 当调用该函数时,会执行函数内的代码。 可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由 JavaScript 在任何位置进行调用。 调用带参数的函数 在调用函数时,您可以向其传递值,这些值被称为参数。...
2019-05-06 19:39:09
130
原创 JavaScript 语法
JavaScript 是一个程序语言。语法规则定义了语言结构。 JavaScript 语法 JavaScript 是一个脚本语言。 它是一个轻量级,但功能强大的编程语言。 JavaScript 字面量 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。 字符串(String)字面量 可以使用单引号或双引号: 表达式字面量 用于计算: 数组(Array)字面量 定义一个数组:...
2019-05-04 21:03:36
137
原创 JavaScript 输出
JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 使用 window....
2019-04-27 16:33:36
146
原创 javascript函数和事件
head中的javascript函数 <html> <head> <title>示例</title> <meta charset="utf-8" /> <script> function myfunction(){ x=document.getElementById("demo");//显示页面内容 x....
2019-04-27 15:34:21
215
原创 js的全局函数 js的函数的重载
js的全局函数 由于不属于任何一个对象,直接写名称使用 eval();执行js代码(如果字符串是一个js代码,使 用方法直接执行) var str=“alert(‘1234’);”; //alert(str); eval(str); encodeURL();对字符进行编码 decodeURL();对字符进行解码 encodeURLComponent() 和 decodeURLComponent(...
2019-04-27 10:39:28
188
原创 js的document对象
1.表示整个文档 2.常用方法 write()方法: (1)向页面输出变量(值) (2)向页面输出html代码 var str=“abc”; document.write(str); getElementById(); 通过Id得到元素(标签) //使用getElementById得到input标签 var input1=document.getElementById(“nameid”);//传递...
2019-04-27 09:22:58
396
转载 前端学习心得
今天我写的这篇文章,是我自己对学习方法的一些简单看法和思考,大家可以了解一下。其实每个人都是不同的个体,人家的方法论不一定适合于你。有些人喜欢看书学习,有些人喜欢看视频学习,也有些人前两者都不喜欢,觉得搜索一些资料学习更快,当然还有其他很多方法。我们其实不能单纯的评判哪种方式学习效果最好,应该是适合自己的才是最好的。 关于看书 看书这个话题。我买的前端相关的书并不多,迄今为止也没有一本看完...
2019-04-25 20:46:40
516
原创 js的Math对象
js的Math对象 数学的运算 里面都是静态方法,可以直接使用Math方法 ceil(x) 对一个数进行上舍入 var mm=10.4; do...
2019-04-24 20:52:41
129
原创 js的string,array和data对象
1. js的string对象 创建string对象 var str = "abc"; 方法和属性(文档) 属性 length:字符串的长度 var str="abcde"; ...
2019-04-22 20:33:42
411
原创 js的用法及标签
1.JavaScript用法: HTML中的脚本必须位于<script></script>标签之间 脚本可被放置在HTML页面的<body>和<head>部分中 2.JavaScript标签 在HTML中,不限制脚本数量 通常会把脚本放置于<head>标签中,以不干...
2019-04-21 19:03:10
451
原创 Javascript的基本知识
Javascript的基本知识 1.JavaScript的组成: (1) ECMAScript ECMA:欧洲计算机协会 有ECMA组织制定的js语法,语句...... (2)BOM broswer objec...
2019-04-14 20:03:13
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅