★ JavaScript
烟敛寒林o
谋事在人,成事在天。
展开
-
JS的一些简单应用 —— 确认关闭框
关于确认是否关闭框和页面跳转的写法<!DOCTYPE html><html lang="en"><script> window.alert('haha'); window.confirm('你确定要关闭吗?'); //确认是否关闭框 c原创 2018-05-17 07:28:21 · 516 阅读 · 0 评论 -
JS的一些简单应用 —— 沉睡后的显现
如何让页面在经过几秒之后显现出我们想要的效果呢? 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script> function t1() { d原创 2018-05-19 16:12:14 · 428 阅读 · 0 评论 -
JS的一些简单应用 —— 鼠标经过弹框
当鼠标经过某个效果框或者图片时,弹框,如何实现这种效果? 当我们提交某个东西时,弹框,又如何实现呢? 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style>原创 2018-05-19 16:18:39 · 650 阅读 · 0 评论 -
JS的一些简单应用 —— 边框点击变色
原本紫蓝色的框,为何点击方框内任意位置换成红色?代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> div{ width: 300px;原创 2018-05-19 16:26:44 · 6113 阅读 · 1 评论 -
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 · 211 阅读 · 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 · 276 阅读 · 0 评论 -
JS的一些简单应用 —— 五子棋
让我们用JS来玩五子棋吧!(棋的颜色和背景色可以自己修改) 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> table { width: 40原创 2018-05-19 16:40:52 · 394 阅读 · 0 评论 -
JS的一些简单应用 —— 正则验证邮箱
代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> </head> <body> <pre> 1、用户名只能原创 2018-05-19 16:42:28 · 1208 阅读 · 0 评论 -
JS的一些简单应用 —— 正则匹配邮箱
点击标注后匹配到有邮箱的人:代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascript"> fu原创 2018-05-19 16:44:42 · 1238 阅读 · 0 评论 -
JS的一些简单应用 —— 操作input框变色
如何实现点击input框时达到变色效果呢? 代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script > function t1() { documen原创 2018-05-19 16:08:03 · 1585 阅读 · 0 评论 -
JS的一些简单应用 —— 定时器setTimeout、倒计时setInterval 和 循环调用爆炸效果
定时器setTimeout setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。下面是一个3秒后炸弹爆炸的例子:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <script>原创 2018-05-19 12:20:08 · 1183 阅读 · 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 · 513 阅读 · 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 · 935 阅读 · 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 · 1077 阅读 · 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 · 698 阅读 · 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 · 261 阅读 · 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 · 276 阅读 · 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 · 252 阅读 · 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 · 228 阅读 · 0 评论 -
一个可以进行JS/HTML格式化排版显示的网站
一个可以进行JS/HTML格式化的网站http://tool.chinaz.com/Tools/jsformat.aspx原创 2018-09-07 11:40:25 · 2333 阅读 · 0 评论