JavaScript
关注
分享
扫一扫
万花果子
没文化的前端工程师
展开
-
javascript 时间转换整理
/** * 生成具体日期时间 * @param timestamp 时间戳 * @type yyyy-mm-dd hh:mm:ss */ createTime(timestamp){ var date = timestamp ? new Date(timestamp) : new Date();//实例一个时间对象，timestamp无则是当前时间； ...原创 2019-10-31 17:22:21 · 160 阅读 · 0 评论 -
JavaScript事件响应
1.鼠标单击事件( onclick ） 当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。<input name="点击我" type="button" value="点击我"onclick="openwin()"/>2.鼠标经过事件（onmouseover） 当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmou原创 2016-04-20 20:29:21 · 797 阅读 · 0 评论 -
JavaScript Date对象
新建一个时间对象var nDate = new Date(); //var d = new Date(2012, 10, 1); //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日获取设置年份document.write(nDate + "<br />"); //输出当前时间document.write(nDate.getFull原创 2016-04-21 11:23:39 · 233 阅读 · 0 评论 -
js 悬浮导航
<head> <meta charset="UTF-8"> <title>悬浮导航</title> <style> * { margin: 0px; padding: 0px; } ul li{ list-style: none; }原创 2016-05-05 19:18:47 · 382 阅读 · 0 评论 -
简单js遮罩效果，弹出注册界面
<head> <meta charset="UTF-8"> <title>遮罩</title> <style> * { margin: 0; padding: 0; } #shade{ position: absolute; widt原创 2016-05-05 20:19:26 · 1137 阅读 · 0 评论 -
JavaScript 浏览器对象
window对象是BOM的核心，window对象指当前的浏览器窗口。1.打开窗口window.open(('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no');//打开新原创 2016-04-21 20:16:35 · 313 阅读 · 0 评论 -
js阻止冒泡事件小案例
<body> <div id="red" style="border:1px solid #000;width: 400px;height: 400px;"> <div id="blue" style="border:1px solid #000;width: 300px;height: 300px;"> <div id="pink" style="b原创 2016-05-06 18:53:12 · 402 阅读 · 0 评论 -
JavaScript事件冒泡简介及应用
作者：WebFlash 出处：http://webflash.cnblogs.com 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。一、什么是事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或转载 2016-05-06 19:04:08 · 313 阅读 · 0 评论 -
js 一段代码获取元素class样式
function getStyle(obj, attr) { if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }原创 2016-05-18 20:01:05 · 1686 阅读 · 0 评论 -
js制作淘宝放大镜效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0;原创 2016-05-23 19:35:50 · 1400 阅读 · 0 评论 -
weinre手机调试，给自己看的方便步骤
1.npm -g intall weinre2.weinre -httpPort 8081 --boundHost 192.168.20.723.需查看页面下加上<script src="http://192.168.20.72:8081/target/target-script-min.js#anonymous"></script>起服务，手机端进入网页直接查看原创 2016-10-08 13:41:38 · 738 阅读 · 0 评论 -
浏览器关闭时弹出提示事件onbeforeunload
有时候在做数据编辑的时候，为了友好提示用户不小心关闭浏览器时，提醒用户是否已经保存数据，可以用onbeforeunload来处理； 兼容谷歌，ie，火狐兼容性不好。 代码如下： var UnloadConfirm = {}; UnloadConfirm.MSG_UNLOAD = "数据尚未保存，离开后可能会导致数据丢失\n\n您确定要离开吗？"; UnloadConfirm.s原创 2016-11-14 14:53:49 · 4374 阅读 · 1 评论 -
fis3 前端项目构建，一步步来
前端架构工具有很多，就我使用过的grunt，gulp，还有最近项目中应用的fis3来说，fis3的运行速度，灵活程度，应该叔最高的~反正现在已经习惯了使用fis3来快速搭建项目进行开发，下面一步步简单的使用fis3来搭建项目。 fis3的安装百度里有，很简单就能装好。一，基础配置 1.首先在项目的根目录下要有fis-conf.js这个配置文件，只有有这个文件，才能进行你想要的各种配置。原创 2016-12-28 17:41:04 · 2103 阅读 · 1 评论 -
js自定义滚动条
可直接使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自定义滚动条</title></head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>滚动条</title><style原创 2017-01-25 10:20:06 · 520 阅读 · 0 评论 -
前端简单处理input输入跨域攻击
对输入框的非法字符进行转译,来起到阻止输入<><>等非法字符的效果 window.onload = function(){//防止输入标签，造成跨域攻击 let tags = document.querySelectorAll("input"); for(let i=0;i<tags.length;i++){ tags[i].onblur = funct原创 2017-04-11 18:16:40 · 623 阅读 · 0 评论 -
JavaScript数组
任何语言的数组内容都是差不多的，这是学习程序员的基础。 JavaScript里，数组的基本语法结构是var myarr = new Array();myarray[0]=66; //存储第1个值myarray[1]=80; //存储第2个值myarray[2]=90; //存储第3个值myarray[3]=77; //存储第4个值myarray[4]=59; //存储第5个值数组的长度即原创 2016-04-20 15:48:44 · 318 阅读 · 0 评论 -
setAttribute 和 getAttribute 的设值和获取方法
<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var setBtn = document.getElementById("set"); var ge原创 2016-05-04 16:56:54 · 1037 阅读 · 0 评论 -
JavaScript 复选框全选和反选
<body> <div> <input type="checkbox" name="" id="chose" value="" /> <input type="checkbox" name="" id="" value="" /> <input type="checkbox" name="" id="" value="" /> </di原创 2016-05-04 15:54:25 · 504 阅读 · 0 评论 -
JavaScript数组的赋值
1常规赋值var arr = new Array(); for (var i = 1; i <= 10; i++) { arr[arr.length] = i;}document.write(arr.join(","));结果：1，2，3，4，5，6，7，8，9，10var arr = new Array();for (var i = 0; i < 10; i++) {原创 2016-04-27 19:48:48 · 1159 阅读 · 0 评论 -
JavaScript求数组中的最大值和最小值
var arr = [4, 6, 9, 13,1];//求数组中最小值var min = arr[0];for(var i = 1;i<arr.length;i++){// 6 if(arr[i]<min){ min=arr[i]; }}alert(min);//求数组中的最大值var temp = arr[0];for (var i = 1; i <原创 2016-04-27 19:53:14 · 635 阅读 · 0 评论 -
JavaScript数组冒泡排序
不分语言的冒泡排序var arr = [2, 5, 8, 3, 11, 45]; //arr.length = 6for (var i = 1; i < arr.length; i++) {//外层控制次数5次 for (var j = 0; j < arr.length - i; j++) { //内层控制比较的次数 if (arr[j] < arr[j + 1]) {原创 2016-04-27 20:03:54 · 323 阅读 · 0 评论 -
JavaScript 在有序数组中插入数字
插数var arr = [1, 5, 7, 11, 88];//var arr = [1,5, 6,7,11,88]要得到结果//把6按照顺序插入到列表中var index = 0;var num = 6;for (var i = 0; i < arr.length; i++) { if (arr[i] >= num) { index = i; b原创 2016-04-27 20:28:16 · 2347 阅读 · 0 评论 -
JavaScript 数组内容的反转
var arr = [1,6,5,7,9,10,11]var len = arr.length-1;for(i=0;i<len/2;i++){ var temp = arr[i]; arr[i] = arr[len-i] arr[len-i] = temp;}document.write(arr.join(","));思路：//反转 arr = [9,4,6,3,1原创 2016-04-27 20:33:12 · 1013 阅读 · 0 评论 -
JavaScript字符串的取值与编码转换
var s = "how"取值//charAt返回指定下标出的字符for(var i = 0;i<s.length;i++){ var char = s.charAt(i); alert(char);}//charCodeAt返回指定下标出字符的编码for(var i = 0;i<s.length;i++){ var Code = s.charCodeAt(i);原创 2016-04-28 14:55:32 · 301 阅读 · 0 评论 -
JavaScript字符串的查找，indexOf，lastIndexOf，search的区别
1.stringObject.indexOf(searchvalue,fromindex) 注释：indexOf() 方法对大小写敏感！ 注释：如果要检索的字符串值没有出现，则该方法返回 -1。 //找到subStr在mainStr中出现的次数;var mainStr= "HowareyouAreyouOKareyouaryou";var subStr= "are";countIns原创 2016-04-28 20:58:31 · 3133 阅读 · 0 评论 -
JavaScript数组过滤相同元素
var arr = [1,2,2,4,3,6,7,6,8,5,5,5];function delSameElement(arr){ var newArr = []; for(var i = 0;i< arr.length;i++){ mark = 0; for(var j=0;j<newArr.length;j++){ if(原创 2016-04-29 11:18:42 · 305 阅读 · 0 评论 -
JavaScript 过滤，压缩重复字符串
1.压缩相同字符串var str = "aaabbbbbcccaaa"; //数据源//按照顺序压缩var compare = str.charAt(0);// avar comparStr = "";var count = 1;for (var i = 1; i < str.length; i++) { if (str.charAt(i) == compare) {//i =1原创 2016-04-29 11:36:03 · 1089 阅读 · 0 评论 -
innerHTML和innerText的区别
innerHTML和innerText其实很好区分 举个栗子<div id="a">内容</div>当我们通过id获取标签后，如果是用innerHTML，得到的结果是<div id="a">内容</div>整个，包括标签，而innerText的结果只包含“内容”，而不带标签原创 2016-04-18 19:49:23 · 246 阅读 · 0 评论 -
JavaScript 定时器制作一个弹窗小广告
<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background-color: red; positi原创 2016-05-03 17:19:31 · 897 阅读 · 0 评论 -
js数据类型中的数字与字符串的转换
数字转字符串1.隐式转换：要把数字转换为字符串，只要给它添加一个空的字符串即可var nOne = 123 + "";alert(typeof nOne);（用alert检测数据类型）2.显式转换：string()函数和toString()方法 var string_value = number.toString();var nValue = 12;var sValue = nValue.t原创 2016-04-19 17:03:47 · 935 阅读 · 0 评论 -
JavaScript 不用eval制作简易计算器
<head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { padding: 0; margin: 0; } li { list-style: none;原创 2016-05-03 21:48:15 · 2098 阅读 · 3 评论 -
JavaScript setInterval方法执行函数失效
function say(){ alert("sss")}setInterval(say(),2000);这么写函数setInterval将直接执行say（）函数，应该讲代码改为function say(){ alert("sss")}setInterval("say()",2000);//或者"say()"改为say这样就行了原创 2016-05-04 10:56:02 · 9172 阅读 · 1 评论 -
JavaScript DOM对象
DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。 1.document.getElementById(“id名”);//获取html元素 2.getElementsByName()方法 //返回带有指定名称的节点对象的集合。Tagname是标签原创 2016-04-26 11:38:46 · 314 阅读 · 0 评论