JS笔记及简单应用
JS的一些简单应用,当需要用到时方便查阅代码;JS高级学习,主要在于其语法的学习
烟敛寒林o
谋事在人,成事在天。
展开
-
JS的一些简单应用 —— 边框点击变色
原本紫蓝色的框,为何点击方框内任意位置换成红色?代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> div{ width: 300px;原创 2018-05-19 16:26:44 · 6061 阅读 · 1 评论 -
JS的一些简单应用 —— 五子棋
让我们用JS来玩五子棋吧!(棋的颜色和背景色可以自己修改) 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> table { width: 40原创 2018-05-19 16:40:52 · 371 阅读 · 0 评论 -
JS的一些简单应用 —— 鼠标经过弹框之住手
当一个人想对一个美女图谋不轨时,如何让他住手呢? 代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;/h原创 2018-05-19 16:29:58 · 187 阅读 · 0 评论 -
JS的一些简单应用 —— 鼠标经过移动之抓不到的美女
当我们将鼠标移到美女图片的位置时,为何她会一直变换位置?我们真的抓不到她了。。 代码如下:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt;原创 2018-05-19 16:37:37 · 268 阅读 · 0 评论 -
JS的一些简单应用 —— 正则验证邮箱
代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <pre> 1、用户名只能原创 2018-05-19 16:42:28 · 1195 阅读 · 0 评论 -
JS的一些简单应用 —— 正则匹配邮箱
点击标注后匹配到有邮箱的人:代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascript"> fu原创 2018-05-19 16:44:42 · 1225 阅读 · 0 评论 -
Firefox禁用JavaScript
Firefox禁用JavaScript 1、在Firefox地址栏里输入“about:config”。 2、在搜索栏输入“javascript.enabled”查找到首选项。 3、点击鼠标右键选择“切换”,把“javascript.enabled”键值改为“false” 这样就能禁止JavaScript的运行了.转载 2018-04-17 10:16:43 · 3321 阅读 · 0 评论 -
JS的一些简单应用 —— 确认关闭框
关于确认是否关闭框和页面跳转的写法&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;script&amp;gt; window.alert('haha'); window.confirm('你确定要关闭吗?'); //确认是否关闭框 c原创 2018-05-17 07:28:21 · 507 阅读 · 0 评论 -
JS的一些简单应用 —— 前进后退效果
点击按钮有前进后退效果&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;script&gt; console.log(window.history); //在地址栏加上?id=数字,会发现控制台的长度变化 console.log(window.screen.width); console.lo原创 2018-05-17 07:31:12 · 500 阅读 · 0 评论 -
JS的一些简单应用 —— 点击变色(1次)
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;style &gt; div { width: 300px; height: 300px; } #test1 { background: green; } #test2 {原创 2018-05-17 07:35:18 · 909 阅读 · 0 评论 -
JS的一些简单应用 —— 点击切换图片之开关灯
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt;&lt;script&gt; function toggle() {原创 2018-05-17 07:39:31 · 1068 阅读 · 0 评论 -
JS的一些简单应用 —— 点击变色(循环)且宽高不断增加
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;style &gt; .test1原创 2018-05-17 07:44:18 · 673 阅读 · 0 评论 -
JS的一些简单应用 —— 删除节点
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;script&gt; function d原创 2018-05-17 07:47:31 · 237 阅读 · 0 评论 -
JS的一些简单应用 —— 创建节点
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &原创 2018-05-17 07:52:32 · 265 阅读 · 0 评论 -
JS的一些简单应用 —— 暴力添加节点
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;/head&gt; &lt;body&am原创 2018-05-17 07:56:27 · 246 阅读 · 0 评论 -
JS的一些简单应用 —— 城市联动菜单
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &原创 2018-05-17 07:59:53 · 220 阅读 · 0 评论 -
JS的一些简单应用 —— 定时器setTimeout、倒计时setInterval 和 循环调用爆炸效果
定时器setTimeout setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。下面是一个3秒后炸弹爆炸的例子:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script>原创 2018-05-19 12:20:08 · 1173 阅读 · 0 评论 -
JS的一些简单应用 —— 操作input框变色
如何实现点击input框时达到变色效果呢? 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script > function t1() { documen原创 2018-05-19 16:08:03 · 1555 阅读 · 0 评论 -
JS的一些简单应用 —— 沉睡后的显现
如何让页面在经过几秒之后显现出我们想要的效果呢? 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script> function t1() { d原创 2018-05-19 16:12:14 · 415 阅读 · 0 评论 -
JS的一些简单应用 —— 鼠标经过弹框
当鼠标经过某个效果框或者图片时,弹框,如何实现这种效果? 当我们提交某个东西时,弹框,又如何实现呢? 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style>原创 2018-05-19 16:18:39 · 619 阅读 · 0 评论 -
JS高级学习笔记 —— 071 JS高级之作用域
/* 作用域在JS中,函数嵌套是非常普遍的, 在函数嵌套中,对变量是如何寻找的? 答:首先在函数内寻找 寻找不到,则往外层寻找 … 直到…全局(window)区域 */<script type="text/javascript">var c = 5; function t1() { var d = 6; ...原创 2018-04-28 17:16:59 · 188 阅读 · 0 评论 -
JS高级学习笔记 —— 071 作用域的基础面试题
//一道极容易出错,又极基础的JS面试题<script type="text/javascript">var str1 = 'global'; function t1() { console.log(str1); console.log(str2); //str...原创 2018-04-28 17:26:03 · 187 阅读 · 0 评论 -
JS高级学习笔记 —— 072 词法分析
// 引例<script type="text/javascript">function a(b) { alert(b); function b() { alert(b); } b(); } a(1); ...原创 2018-04-28 17:31:30 · 186 阅读 · 0 评论 -
JS高级学习笔记 —— 073 arguments详解
/* arguments是什么? 答:是1个对象,是一个长的很像数组的对象。arguments内容是? 答:arguments是函数运行时的实参列表。 */<script type="text/javascript">// arguments对象的打印 (function (d,e,f) { console.log(arguments);...原创 2018-04-28 17:36:13 · 227 阅读 · 0 评论 -
JS高级学习笔记 —— 074 this是谁
/* js的this到底是谁? js中函数的4种调用方式 */<script type="text/javascript"> alert(window.xx); /* 1、普通函数调用 this的值指向window 准确的说,是this为null,被解释成window */ ...原创 2018-04-28 17:41:44 · 204 阅读 · 0 评论 -
JS高级学习笔记 —— 076 闭包详解
// 引例<script type="text/javascript"> // 闭包 function t1() { var age = 20; function t2() { alert(age); } retur...原创 2018-04-28 19:20:53 · 188 阅读 · 0 评论