chinashanzhang-CSDN博客

原创 html5标准下video监听视频播放次数

建议对waiting做一个计数。例：var ii = 0;$('video').bind('waiting',function(){console.log(++ii);})

2019-09-04 17:40:47 1373

转载常见的原生javascript DOM操作

1.创建元素创建元素：document.createElement()使用document.createElement()可以创建新元素。这个方法只接受一个参数，即要创建元素的标签名。这个标签名在HTML文档中不区分大小写，在XHTML中区分大小写。vardiv= document.createElement("div");使用createElement()方法创建新元素...

2019-04-08 18:14:15 1036

转载 JS-阻断事件传播:stopPropagation，preventDefault以及stopImmediatePropagation

最近遇到一个需求，在一定情况下，需要阻断blur的事件传播。搜索之后找到三个函数，第一个是preventDefault，第二个是stopPropagation，第三个是stopImmediatePropagation 。　　preventDefault：　　　　　　语法是： 1 event.stopPropagation(); 　　　　　　这个...

2019-04-08 14:06:43 641

转载 Javascript模块化编程（二）：AMD规范

（接上文）七、模块的规范先想一想，为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，我有我的写法，岂不是乱了套！考虑到Javascript模块现在还没有官方规范，这一点就更重要了。目前，通行的Javascript模块规范共有两种：CommonJS和AMD。...

2019-03-29 17:20:59 115

原创 js每隔一秒打印1,2,3,4,5

1.es5写法：自执行函数 for(var i = 1; i <= 3;i++){ (function(i){ setTimeout(function(){ console.log(i); },1000*i); })(i)...

2019-03-26 17:44:14 1535

转载 window.opener

子页面要向父页面传值，只要在document前面加window.opener即可　　window.opener 的用法　　window.opener返回的是创建当前窗口的那个父窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：indow.opener.docume...

2019-03-13 18:12:09 7552

转载 a标签target=”_blank”的安全问题及解决办法

一、定义A 标签的 target 属性规定在何处打开链接文档。如果在一个 A 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。target...

2019-03-13 17:37:54 27759 1

原创一些框架组件库

ElementUI官方介绍 http://element-cn.eleme.io/#/zh-CN/component/quickstartjQuery EasyUI 是一个基于 jQuery 的框架，集成了各种用户界面插件。http://www.runoob.com/jeasyui/jqueryeasyui-intro.htmlExtJS基础入门https://www.w3cschool...

2018-12-07 17:52:25 173

转载 JavaScript 事件兼容性写法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id=&

2018-11-29 18:15:02 160

转载 input输入中文时，拼音在输入框内会触发input事件的问题

问题描述：　　监听文本输入框的input事件，在拼写汉字（输入法）但汉字并未实际填充到文本框中（选词）时会触发input事件，如图：需求：选词完成后触发input事件，只触发一次。解决办法：通过查阅资料得知在输入中文（包括语音识别时）会先后触发compositionstart、compositionend事件，类似于keydown和keyup的组合。触发comp...

2018-11-29 18:09:27 5461 2

原创 js写法

$(function () { zjjsView.init();});var zjjsView = { url_add: 'http://cart.dongao.com/cart/gate', url_del: 'http://cart.dongao.com/cart/removeGoodsFromCart?', cart: 'http://cart.dong...

2018-10-23 23:12:47 1681

转载 Ajax工作原理及实例

1、关于ajax的名字　　　　ajax 的全称是Asynchronous JavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。2、关于同步和异步　　　步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。具体来说，异步传输是将比特分...

2018-10-23 22:59:00 123

原创 JavaScript语法构造——操作符

算数操作符加法操作符（+），减法操作符（-），除法操作符（/），乘法操作符（*）还可以把多种操作组合在一起：1+4*5 //21避免产生歧义，可以用括号把不同的操作分隔开来：1+（4*5）；（1+4）*5//25变量可以包含操作：var tal = (1+4)*5;还可以对变量进行操作：var temp = 95;var temp_celsius = (temp ...

2018-08-28 17:01:02 174

原创 js获取内容中的url链接，并设置a标签

var regexp = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|\&|-)+)/g;content = content.replace(regexp, function($url){ return "<a href='" + $url + "' target='_blank'>" + $url + "</a>";});...

2018-03-22 17:35:59 5743 3

原创移动端点击阴影如何去除？

移动端，点击之后某个区域后有阴影问题1：如图所示，我所遇到的状况：问题2：去掉点击区域的边框阴影效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1...

2018-02-27 18:34:36 1164

转载 JS几种数组遍历方式以及性能分析对比

这一篇与上一篇 JS几种变量交换方式以及性能分析对比属于同一个系列，本文继续分析JS中几种常用的数组遍历方式以及各自的性能对比起由在上一次分析了JS几种常用变量交换方式以及各自性能后，觉得这种方式挺好的，于是抽取了核心逻辑，封装成了模板，打算拓展成一个系列，本文则是系列中的第二篇，JS数组遍历方式的分析对比JS数组遍历的几种方式JS数组遍历，基本就是for,for

2018-02-06 18:44:47 318

转载 js遍历拼接list集合对象,JSONArray数组

1.返回list的data数据格式[java] view plain copy{"storeclass":[{"id":"7""className":"名称"}]} 遍历data:[javascript] view plain copy$.each(eval(data).storecl

2018-02-06 18:44:01 4208

转载 js数组去重的5种算法实现

1.遍历数组法最简单的去重方法，实现思路：新建一新数组，遍历传入数组，值不在新数组就加入该新数组中；注意点：判断值是否在数组的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多写一些兼容低版本浏览器代码，源码如下：?1234567891011

2018-02-06 18:43:07 801

原创 js数组去重

var array = [1,2,,5,1,82,2,33,55]; var n = []; //一个新的临时数组//遍历当前数组for(var i = 0; i //如果当前数组的第i已经保存进了临时数组，那么跳过，//否则把当前项push到临时数组里面if (n.indexOf(array[i]) == -1) n.push(array[i]); } n

2018-02-06 18:39:41 114

原创 js编写九九乘法表

无标题文档function step(){for(i=1;ifor(j=1;jdocument.write(j+"x"+i+"="+i*j +" ");}document.write("")}}

2018-02-06 18:21:22 643

转载 js数组的操作与遍历

js的数组的操作函数实在是太多了（比C#要多得多），遍历的方法也有好几个，这里有必要自己总结一下：数组操作方法描述FFNIEconcat()连接两个或更多的数组，并返回结果。144join()把数组的所有元素放入一个字符串。元素通过指定的分

2018-02-06 18:11:49 204

转载 s中数组的4种遍历方式

[html] view plain copy> html> head> meta charset="utf-8"/> title>数组的遍历方式title> script type="text/javascript"> var arr = [11,22,33,55];

2018-02-06 18:11:05 420

转载 javascript 四种数组遍历方法

数组遍历方法收集一些各种遍历的方法，主要针对数组最传统方法：for( ; ; ){}var arr=[1,2,3,4,5,6];for(var i=0;i<arr.length;i++){ console.log(arr[i]);}//输出1234561234567891011for in 方法　var arr=[1,2,3,4,5,6];

2018-02-06 18:09:27 187

原创数组

数组遍历var xvar mycars = new Array()mycars[0] = "宝马"mycars[1] = "奔驰"mycars[2] = "宾利"for (x in mycars){document.write(x+":"+mycars[x] + "")}0:宝马1:奔驰2:宾利function myFun

2018-02-06 18:08:46 238

原创 label for属性

for 属性规定 label 与哪个表单元素绑定。作用是在点击label 时会自动将焦点移动到绑定的元素上比如boy girl 特别是使用 checkbox 时如果没有绑定的话需要鼠标点中小方框才可以选中或不选, 绑定以后点击 label 就可以改变checkbox 的值了MaleFemale以上例子中，绑定fo

2018-02-06 15:21:03 765

原创合并数组

//ES6 ie8及以下不支持//上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。let [a, b, c] = [1, 2, 3];document.write(a+"")//$('').on('click',() => {})//call()、apply()、bind()//splice try...catch//concat() slice()p

2018-02-01 17:26:18 409

原创 jquery实现textarea输入字符控制

jquery实现textarea输入字符控制jquery代码：复制代码代码如下:var text=$(".release textarea").val(); //获取输入框的值 var counter=text.length; //获取输入框的值 $("#numtj em").text(500-counter); //输入字数提示$(docum

2018-02-01 15:42:13 692

转载如何快速解决JS或Jquery ajax异步跨域的问题

简单的概括下，解决办法有两种。一种是jsonp方式：即在前端发送异步请求时，添加相关的jsonp设置或配置；后端则返回可供jsonp解析的格式的串。但是jsonp方式只支持get的请求方式，并且不被新浏览器版本的支持（新浏览器版本多进行OPITION请求--异步安全检查的测试的请求，所以

2018-01-31 19:06:11 221

转载 Jquery中offset()和position()的区别分析

本文实例分析了Jquery中offset()和position()的区别。分享给大家供大家参考。具体分析如下：一、Jquery中offset()获取匹配元素在当前视口的相对偏移。总是计算相对于文档的位置，无论元素的父元素或祖先元素的position属性是什么。返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。例如：?

2018-01-31 19:05:39 510

转载 jquery与js函数冲突的两种解决方法

如果您还有别的要求，想继续使用原先的$()，同时还需要与别的类库不冲突的话，还有两种解决方法其一：复制代码代码如下:jQuery.noConflict(); jQuery(function($) { $("p").click(function() //在函数内继续可以使用jquery类库的$()方法 { alert($(this).text());

2018-01-31 19:04:37 1282

转载 JQuery的$和其它JS发生冲突的快速解决方法

JQuery的$和其它JS发生冲突的快速解决方法转载 2014-01-24 作者：我要评论众所周知，jQuery是目前最流行的JS封装包，简化了很多复杂的JS程序，JQuery讲浏览器DOM树定义为$，通过$来获取各个子节点。然后，JS插件并非只有JQuery，还有prototype.js 等其它比较好的插件。它们也使用$。所以有时候同时使

2018-01-31 19:04:03 145

转载手机网页制作的认识（有关meta标签）

近日以来一直在看JQuery Mobile 一个手机开发框架，说实话真的很头疼的~~~~ 因为里面有很多的属性、方法和事件~~~下面是手机网页的一些认识：一、网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。 width - viewport的宽度 height - viewp

2018-01-31 18:59:43 206

转载移动端声明及meta标签设置

移动端meta标签设置1.设置当前html文件的字符编码meta charset="UTF-8">12设置浏览器的兼容模式（让IE使用最新的浏览器渲染）meta http-equiv="X-UA-Compatible" content="IE=edge"/>13.视口（快捷键：meta:vp）meta name="viewport" content="maxim

2018-01-31 18:59:01 250

原创浅析jQuery事件之on()方法绑定多个选择器,多个事件

$(document).on('click','#header .top,#main .btn',function(){ //code...})on方法绑定多个事件$('table.planning_grid').on({ mouseenter: function(){ //Handle mouseenter... },

2018-01-31 18:58:29 321

转载 meta标签的作用及整理

meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。什么是meta标签？引自下W3school的定义说明一下。元数据（metadata）是关于数据的信息。标签提供关于 HTML 文档的元数据。元数据

2018-01-31 16:15:37 162

转载 SEO优化meta标签 name=＂robots＂ content=＂index,follow,noodp,noydir＂解释

SEO优化meta标签 name=＂robots＂content=＂index,follow,noodp,noydir＂是什么意思呢，我们这就来解释一下。 name="ROBOTS"content="NOODP">这些元标记控制搜索引擎如何抓取和索引页。"robots"元标记指定的规则适用于所有搜索引擎，"googlebot"元标记指定的规则只适用于Google。Google可以理

2018-01-31 16:14:00 2096

转载 HTML 中标签 <meta name="robots" content=""> 的含义

以上的一段代码限制了所有的搜索引擎建立你的网页快照。如果我们需要仅仅限制一个搜索引擎建立快照的话，就可以像如下这样去写　　　　需要注意的是，这样的标记仅仅是禁止搜索引擎为你的网站建立快照，如果你要禁止搜索引擎索引你的这个页面的话，请参照后面的办法。　　第二种情况：禁止搜索引擎抓取本页面。　　在SEO中，禁止搜索引擎抓取本页面或者是允许搜索引擎抓取本页面是经常会用到的

2018-01-31 16:10:52 3490

原创 js程序设计笔记（二）

一元操作符1.递增和递减操作符var age = 29;var agg = --age+2;age //28agg //30var num1 = 2;var num11 = 3;var num12 = --num1 + num11; //1+3num1 //1num12 //4var num2 = 2;var num21 = 3;var

2018-01-29 18:13:29 134

空空如也

空空如也