摘要: 首先说一下js动态获取浏览器或页面等容器的宽高的方法大体有哪些: 接着我们结合实例来实际说明一下: 有时候我们写了100%高度的时候,然后因为是当前页面的子页面,100%的只是父页面,而子页面有下拉条还有内容的话,一些东西就不能都获取到。 如下图: (我们设置了这个div id为“bg”的高度为10 阅读全文
posted @ 2019-02-01 15:56 Yubaba丶 阅读(9946) 评论(0) 推荐(0) 编辑
摘要: 1.JavaScript 循环 如果希望一遍又一遍地运行相同的代码,并且每次的值都不同,那么使用循环是很方便的。 我们可以这样输出数组的值: 一般写法: for循环写法: 结果: 2.不同类型的循环 JavaScript 支持不同类型的循环: for - 循环代码块一定的次数 for/in - 循环 阅读全文
posted @ 2019-01-16 09:26 Yubaba丶 阅读(526) 评论(0) 推荐(0) 编辑
摘要: 1.JavaScript switch 语句 使用 switch 语句来选择要执行的多个代码块之一。 语法: 工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地 阅读全文
posted @ 2019-01-15 18:47 Yubaba丶 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 条件语句用于基于不同的条件来执行不同的动作。 1.条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript 中,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...els 阅读全文
posted @ 2019-01-15 16:41 Yubaba丶 阅读(467) 评论(0) 推荐(0) 编辑
摘要: 这个鼠标点击的效果只需要通过下面这段代码即可实现: 将如下代码放在页首、页脚或者公告栏部分都可以! PS:css样式和点击的文字都可以在该代码中自行修改成自己想要的。 阅读全文
posted @ 2019-01-14 17:30 Yubaba丶 阅读(2291) 评论(0) 推荐(4) 编辑
摘要: 运算符 = 用于给 JavaScript 变量赋值。 算术运算符 + 用于把值加起来 实例 指定变量值,并将值相加: y=5; z=2; x=y+z; 在以上语句执行后,x 的值是:7 1.JavaScript 算术运算符 2.JavaScript 赋值运算符 赋值运算符用于给 JavaScript 阅读全文
posted @ 2019-01-14 17:23 Yubaba丶 阅读(157) 评论(0) 推荐(0) 编辑
摘要: JavaScript 字符串用于存储和处理文本。 1.JavaScript 字符串 字符串可以存储一系列字符,如 "John Doe"。 字符串可以是插入到引号中的任何字符。你可以使用单引号或双引号: 实例: var carname = "Volvo XC60"; var carname = 'Vo 阅读全文
posted @ 2019-01-14 16:54 Yubaba丶 阅读(302) 评论(0) 推荐(0) 编辑
摘要: JavaScript 事件 HTML 事件是发生在 HTML 元素上的事情。 当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。 1.HTML 事件 HTML 事件可以是浏览器行为,也可以是用户行为。 以下是 HTML 事件的实例: HTML 页面完成加 阅读全文
posted @ 2019-01-14 16:15 Yubaba丶 阅读(291) 评论(0) 推荐(0) 编辑
摘要: (作用域可访问变量的集合) 1.JavaScript 作用域 在 JavaScript 中, 对象和函数同样也是变量。 在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。 JavaScript 函数作用域: 作用域在函数内修改 2.JavaScript 局部作用域 变量在函数内声 阅读全文
posted @ 2019-01-14 15:15 Yubaba丶 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 实例1: 效果:通过点击按钮“点我”,会弹出"Hello World!"的提示框! 1.JavaScript 基本函数语法 函数就是包裹在花括号中的代码块,前面使用了关键词 function: 当调用该函数时,会执行函数内的代码。 可以在 阅读全文
posted @ 2019-01-14 14:57 Yubaba丶 阅读(240) 评论(0) 推荐(0) 编辑