随笔分类 -  JavaScript

摘要:一个loading进度条,定义一个fakeProgress方法,定位一个URL,然后setTimeout设置跳转时间我们就能看到我们要打开的URL网址了。 这个链接我就直接链接到我的新浪博客去了,算是宣传吧~( ̄▽ ̄~)(~ ̄▽ ̄)~ 为自己打个小广告哈(萌之害羞✿◡‿◡):欢迎大家来阅读我的新浪文 阅读全文
posted @ 2016-06-07 07:31 冷的锋刃 阅读(485) 评论(0) 推荐(0)
摘要:// <![CDATA[ function runcode(){ var win = window.open();win.document.write($('.runcode').val());} // ]]> <!DOCTYPE html> <meta http-equiv="Content-Ty 阅读全文
posted @ 2016-06-01 07:39 冷的锋刃 阅读(144) 评论(0) 推荐(0)
摘要:<head> <title> new document </title> <meta name="generator" content="editplus" charset="utf-8"/> </head> <script language="javascript"> document.write 阅读全文
posted @ 2016-05-26 07:11 冷的锋刃 阅读(110) 评论(0) 推荐(0)
摘要:学习JavaScript我觉得真实的感觉就是可以任意设计,“没有做不到只有想不到!”即使简单,但是任何东西的复杂都是从简单、基础开始的!这是我自己做的一个超简单的"搜索引擎"按钮,我很喜欢,哈哈。 <head> <title> Caiduping </title> <meta name="gener 阅读全文
posted @ 2016-05-26 07:09 冷的锋刃 阅读(651) 评论(0) 推荐(0)
摘要:学习Javascript必须要先掌握基本的事件方法和语法,这些都是我们学过的也是最基本的。以前忘了总结,所以现在回顾,综合地总结一下,温故而知新。 Javascript有三种按钮点击事件,分别为alert、confirm和prompt,简单介绍一下它们的基本方法。 1. alert是弹出警告框,在文 阅读全文
posted @ 2016-05-24 10:46 冷的锋刃 阅读(7416) 评论(0) 推荐(0)
摘要:<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript之模拟评星打分</title> </head> <style> .xx{ cursor:pointer; } 阅读全文
posted @ 2016-05-23 08:53 冷的锋刃 阅读(189) 评论(0) 推荐(0)
摘要:匹配中文字符的正则表达式: [\u4e00-\u9fa5] 匹配双字节字符(包括汉字在内):[^\x00-\xff] 匹配空行的正则表达式:\n[\s| ]*\r 匹配网址URL的正则表达式:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 匹配Email地址的正则 阅读全文
posted @ 2016-05-21 11:01 冷的锋刃 阅读(256) 评论(0) 推荐(0)
摘要:讲到表格,我们不免都了解它的属性及用途。 colspan跨列(纵向的)和rowspan跨行(横向的)。 表格中<tr></tr>标签标示行标签;<td></td>标示列标签。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 阅读全文
posted @ 2016-05-20 20:46 冷的锋刃 阅读(786) 评论(0) 推荐(0)
摘要:这个项目是我无聊时完成的,参阅过很多大神的示例,其实方法并不难主要是js和css样式的设计,我发现自己还有很多的js代码写不出来更加不用提看的明白了,(PS吐槽一下:革命尚未成功,同志还需努力啊!)此项目由于引用的js文件太多代码就不全摊了。 引用的主要方法是视图背景的收缩动作(Some conte 阅读全文
posted @ 2016-05-19 12:11 冷的锋刃 阅读(290) 评论(0) 推荐(0)
摘要:向上滚动: <!doctype html> <title>javascript无缝滚动</title> <meta charset="utf-8"/> <meta name="keywords" content="javascript无缝滚动" /> <meta name="description" 阅读全文
posted @ 2016-05-16 16:54 冷的锋刃 阅读(193) 评论(0) 推荐(0)
摘要:<!doctype html> <title>javascript图片轮换</title> <meta charset="utf-8"/> <meta name="keywords" content="javascript图片轮换" /> <meta name="description" conte 阅读全文
posted @ 2016-05-16 16:43 冷的锋刃 阅读(298) 评论(0) 推荐(0)
摘要:看到好多大神都写了像这种在页面"可运行"的Javascript脚本,感觉很好奇,所以我今天也试着写了一个。 自从有了这个"可运行"按钮,好多代码就再也不以图片的形式来表达而是一个"按钮"在线点击打开新的页面就可以运行了。 <ol><li>测试的内容</li><li>测试的内容</li><li>测试的 阅读全文
posted @ 2016-05-12 19:11 冷的锋刃 阅读(251) 评论(0) 推荐(0)
摘要:执行效果图: 阅读全文
posted @ 2015-12-29 21:48 冷的锋刃 阅读(320) 评论(0) 推荐(0)
摘要:index.html: 样式设置style.css: .js是jquery的脚本文件,作用是实现图片缓存和加载。(文件已经上传) 执行效果如图: If reference to indicate the source:蔡都平 阅读全文
posted @ 2015-12-29 21:40 冷的锋刃 阅读(1544) 评论(0) 推荐(0)
摘要:<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表格过滤器</title> <script language="javascript" src="http://files.cnbl 阅读全文
posted @ 2015-11-01 09:34 冷的锋刃 阅读(981) 评论(0) 推荐(0)
摘要:In a other way: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简易计算器</title> <script language="javascript"> //加法 functio 阅读全文
posted @ 2015-10-31 22:27 冷的锋刃 阅读(654) 评论(0) 推荐(0)
摘要:很高兴来到博客园!迈入这座知识的殿堂,实是幸运。这是我的第一篇博客,开启丰富有趣的学习之旅,同时,我希望和大家一起学习一起进步,Let‘s go! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w 阅读全文
posted @ 2015-10-31 12:20 冷的锋刃 阅读(3047) 评论(0) 推荐(0)