javascript学习
文章平均质量分 57
北方的刀郎
这个作者很懒,什么都没留下…
展开
-
使用ajax后lazyload.js失败怎么办?
使用ajax后,lazyload.js失效怎么办?ajax加载的下一页图片lazyload.js无效,图片无法显示,部分js没有效果。那么在ajax回调时再次初始化lazyload。原创 2023-01-30 16:26:25 · 339 阅读 · 1 评论 -
js查找字符串出现的次数
php 有函数substr_count() 、 mb_substr_count() ,js 没有。写一个原创 2022-07-19 14:56:31 · 3570 阅读 · 0 评论 -
Javascript分号,加还是不加?
关于这个问题,网上已经有很多人讨论过了,我先说说自己对这个问题的回答:加!(但非必须)有些人写代码,懒得加分号,除非是迫不得已才勉强放一个分号上去。如果你可以保证你写的代码不出现任何 bug,那当然是没有问题,但是很多 JSer 新人,对一些隐含的问题并不是特别清楚,很容易在不知不觉中写出一堆 bug,我们先来了解下 JS 词法语法解析的时候,哪些情况下会自动插入分号。注:鼠标滑过文字可以看到翻译原文1. 程序从左到右解析,当纳入下一个 token 无法匹配任何语法:2. 程序从左到右解析,当纳入下一个(或转载 2022-06-07 18:15:15 · 624 阅读 · 0 评论 -
理解prototype、getPrototypeOf和_proto_之间的不同
在学习JavaScript的过程中,原型是如何也绕不过去的一个知识点。虽然在现在ES6已经非常普及的现在,许多js的程序员都已经不再用原型的知识点来编写代码了,但是充分的理解原型也是很有必要的,尤其是在阅读他人优秀的js代码时,理解原型能帮助我们更好的理解早期代码。而原型包括三个访问器,这三个访问器有时功能重叠,所以准确的理解并区分他们还是很有必要的。这三个访问器就是prototype、getPrototypeOf和__proto__,从名字上可见这三个访问器都是对prototype这个单词做了一些变化原创 2022-02-14 14:33:54 · 419 阅读 · 0 评论 -
类似php parse_str 自定义 JavaScript parse_str 获取地址栏参数
function parse_str (str, array) { // Parses GET/POST/COOKIE data and sets global variables // // version: 1109.2015 // discuss at: http://phpjs.org/functions/parse_str // + original by: Cagri Ekin // + improved by: Michael W.原创 2022-02-11 18:02:10 · 262 阅读 · 0 评论 -
pageX,pageY,screenX,screenY,clientX,和clientY,offsetX ,offsetY,layerX,layerY的使用 和 区别
pageX,pageY,screenX,screenY,clientX,和clientY返回一个数,其指示物理“CSS像素”的数量的点是从参考点。事件点是用户单击的位置,参考点是左上角的一个点。这些属性返回该参考点的水平和垂直距离。写了俩文件,放一个文件夹内测试看完就能明白,layerX_pageX_clientX_screenX_window_document_body.html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti原创 2022-01-25 14:29:29 · 2179 阅读 · 0 评论 -
js网页标题消息提醒
var i = 0;var timer;function show() { var title = document.title.replace("【 】", "").replace("【新消息】", ""); timer = setTimeout(function() { if (i % 2 == 0) { document.title = "【新消息】" + title .原创 2021-10-30 19:13:22 · 490 阅读 · 0 评论 -
js(=>) 箭头函数
js(=>) 箭头函数ES6标准新增了一种新的函数:Arrow Function(箭头函数)。为什么叫Arrow Function?因为它的定义用的就是一个箭头:x => x * x上面的箭头函数相当于:function (x) { return x * x;}箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和re原创 2021-08-13 19:12:23 · 128 阅读 · 0 评论 -
js 临时笔记
encodeURIComponentdecodeURIComponentvar url ='pages/news/actinfo?aid=357'; url=encodeURIComponent(url);console.log(url)console.log(decodeURIComponent(url));结果:pages%2Fnews%2Factinfo%3Faid%3D357pages/news/actinfo?aid=357...原创 2021-07-06 10:16:15 · 81 阅读 · 0 评论 -
js 字符串转dom 和dom 转字符串
前言:在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div');然后再给obj设置一些属性。但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了伪代码:var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>');那么今天的目的就是教大家怎么去实现一个这样的方法用来把字符串直接转..原创 2020-05-09 10:14:50 · 793 阅读 · 0 评论 -
input type=file 默认文字改成英文的?
简单的方法,是把原来的 input 隐藏后用图片替换,用jquery 添加隐藏元素的click事件,代码如下:<input id="img1" type="file" name="img1" accept="image/png,image/jpeg, image/gif" style="display: none;"><img src="/en/images/sel...原创 2020-01-07 15:59:36 · 3803 阅读 · 0 评论 -
javascript的html编码函数 自定义htmlSpecialChars函数,处理特殊字符
function htmlSpecialChars(str) { str = str.replace(/&/g, '&'); str = str.replace(/</g, '<'); str = str.replace(/>/g, '>');...转载 2019-11-08 20:05:33 · 707 阅读 · 0 评论 -
js中 => 的含义
js中 => 的含义=>是es6语法中的arrow function(x) => x + 6相当于function(x){ return x + 6;};原创 2019-10-15 19:58:18 · 599 阅读 · 0 评论 -
onload 和 onunload 事件可用于处理 cookie。
function checkCookies(){if (navigator.cookieEnabled==true) { alert("已启用 cookie") }else { alert("未启用 cookie") }}提示框会告诉你,浏览器是否已启用 cookie。原创 2016-03-21 11:01:07 · 1242 阅读 · 0 评论 -
<a>标签中href=\"javascript:;\"表示什么意思??
标签中href="javascript:;"表示什么意思??2014-01-06 10:02小卡布0202 | 分类:JavaScript | 浏览16509次修改密码 有一种说法是:href="javascript:;"会去解析里面的代码,跟当前标签有关的就会执行,.没关的就跳过。是不是这样理解呢?分享到:2014-01-06 10:19提问者采纳javascript: 是一个伪协议,其他的伪原创 2016-03-21 11:09:12 · 6844 阅读 · 1 评论 -
在Javascript中 声明时用\"var\"与不用\"var\"的区别
Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。var num = 1;是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variabl原创 2016-03-21 11:08:40 · 442 阅读 · 0 评论 -
javascript 全局变量,私有变量。
"text/javascript"> function a(){ for(i=0;i // 没有 var i //这里的i就是全局变量所有人可以访问 } } function b(){ for(i=0;i //alert(i);//同理这里的i也是全局变量,返回0且只有一次原创 2016-03-21 11:08:29 · 624 阅读 · 0 评论 -
setTimeout和setInterval的区别你真的了解吗?
setTimeout和setInterval的区别你真的了解吗?作者: 字体:[增加 减小] 类型:转载setTimeout和setInterval这两个函数, 大家肯定都不陌生, 但可能并不是每个用过这两个方法的同学, 都了解其内部的实质甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此原创 2016-03-21 11:07:28 · 589 阅读 · 0 评论 -
js document.write()使用介绍
js document.write()使用介绍作者: 字体:[增加 减小] 类型:转载一个最基本的JavaScript命令是document.write。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括原创 2016-03-21 11:05:34 · 740 阅读 · 0 评论 -
JavaScript String(字符串)对象 实例
var txt="Hello World!"document.write("Big: " + txt.big() + "")document.write("Small: " + txt.small() + "")document.write("Bold: " + txt.bold() + "")document.write("Italic: " + txt.italics() + "")docum原创 2016-03-21 11:02:51 · 328 阅读 · 0 评论 -
js 怎样从子窗口调用父窗口的方法
怎样从子窗口调用父窗口的方法parent.window.functionname()window.opener.functionname()opener.location="javascript:show('hello')";原创 2016-03-21 11:02:26 · 406 阅读 · 0 评论 -
innerHTML与jquery里的html()区别介绍
innerHTML与jquery里的html()区别介绍作者: 字体:[增加 减小] 类型:转载我原本一直以为innerHTML和jquery里的html其实是完全一样的,jquery是多此一举了,直到我遇到一次问题看个示例: ta="50486" rel="nofollow" >复制代码代码如下:var tbody=document.createElement('tbody'); tbody.原创 2016-03-21 11:02:17 · 2656 阅读 · 0 评论 -
[转]window.opener用法
[转]window.opener用法window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如:1,window.opener.test原创 2016-03-21 11:02:15 · 458 阅读 · 0 评论 -
javascript为什么 0.1 + 0.2 = 0.30000000000000004
如果我问你 0.1 + 0.2 等于几?你可能会送我一个白眼,0.1 + 0.2 = 0.3 啊,那还用问吗?连幼儿园的小朋友都会回答这么小儿科的问题了。但是你知道吗,同样的问题放在编程语言中,或许就不是想象中那么简单的事儿了。不信?我们先来看一段 JS。var numA = 0.1;var numB = 0.2;alert( (numA + numB) === 0.3 );执行结果是 fa原创 2016-03-21 11:02:12 · 4259 阅读 · 2 评论 -
js实现trim() JS去掉首尾空格 JS去掉两头空格
本来入门学过一点JS,然后就一直用JQ,最近在改别人的项目,页面没引用JQUERY库,只能用JS写。关于去掉两头空格,jquery库提供了$.trim()方法,可是JS呢,我写了.trim(),在FF里有效果,但在IE里就没效了,群里的朋友说,如果浏览器实现了trim(),就有,如果浏览器没实现,只能用正则替换。 function trimStr(str){return str.replace(/原创 2016-03-21 11:16:16 · 3740 阅读 · 0 评论 -
JS返回前一页(或关闭本页面,返回首页)
navigator.userAgent在判断浏览器版本时,需要自己核对下,不同的浏览器返回的window.history.length值也不同,需要特殊情况特殊处理,但核心逻辑就是如此,先判断浏览器版本,再针对存在返回页的window.history.length值和不存在返回页的window.history.length值的不同进行处理。/** * 返回前一页(或关闭本页面) * 如转载 2016-11-01 22:28:36 · 12045 阅读 · 0 评论 -
document.all.item通过控件的名字定位控件,
1、document.all.myCheckBox和 document.all.item通过控件的名字定位控件,item()中是控件的名字例如:<input type="checkbox" name="myCheckBox">可以用document.all.myCheckBox得到这个控件,也可以写成document.all.item("myCheckBox")用item的好处是,1.如果你原创 2016-03-21 10:47:11 · 549 阅读 · 0 评论 -
JavaScript中concat不起作用
JavaScript中concat不起作用//concat()把两个或者多个数组链接在一起,但是不改变已经存在的数组//而是返回一个链接之后的新数组var a = [1,2,3];a.concat([4,5]);console.log(a);//此处输出为 [1, 2, 3]var a = [1,2,3];a = a.concat([4,5]);console.log...转载 2019-06-19 16:10:34 · 2830 阅读 · 2 评论 -
终于明白如何做swiper的无缝滚动(走马灯)效果啦
先用论坛中某位大神的效果var mySwiper1 = new Swiper('.swiper-container1',{ autoplay : 1, speed:3000, loop : true, ...转载 2019-01-24 19:04:49 · 21355 阅读 · 1 评论 -
Javascript数组---push(),concat()方法的区别
在数组操作中,push()很常见,concat()却很少见,然而两者的用法很相似,可以理解为,push()是concat()的简化版,先看下面的例子: /*push()方法*/ var array=[1,2,3,4,5]; console.log(array); //[1, 2, 3, 4, 5] array.push(6); //一个参数...转载 2018-11-08 13:46:05 · 330 阅读 · 0 评论 -
函数内部的 $.ajax() 获取不到 ajax 的 return 返回值
$.ajax() 获取不到return 返回值/*常见错误示例 直接在 ajax 里面return 结果*/ function demo(){ $.ajax({ url : 'test.do', type : "post", data : {}, async : false, succ...转载 2018-11-08 10:56:30 · 845 阅读 · 0 评论 -
swiper 关于h5页面 360浏览器,安卓或ios终端,无法触发A标签问题
最近在做h5页面,因为这个h5页面是应用于安卓或ios终端 发现一个问题, h5页面无法触发A标签效果,找了很久才发现原因.下图 此处没有效果,问题是 swiper是基于移动端触摸的,会有一个全局的click事件,这个事件屏蔽了A标签的链接,是为了防止手机滑动的时候不小心触发A标签而设定的,解决方法:将preventClicks : false 设置成False就可以了 关...转载 2018-11-02 11:11:51 · 808 阅读 · 0 评论 -
js中const,var,let区别
今天第一次遇到const定义的变量,查阅了相关资料整理了这篇文章。主要内容是:js中三种定义变量的方式const, var, let的区别。1.const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值4 // b = 5;5 ...原创 2018-10-16 16:28:35 · 134 阅读 · 0 评论 -
JS中的跨域问题
JS中的跨域问题一、什么是跨域?1.定义:跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。但是一般情况下不能这么做,它是由浏览器的同源策略造成的,是浏览器对JavaScript施加的安全限制。跨域的严格一点的定义是:只要 协议,域名,端口有任何一个的不同,就被当作是跨域所谓同源是指,转载 2018-05-06 23:28:20 · 279 阅读 · 0 评论 -
js获取当前域名、Url、相对路径和参数
用 JavaScript 可以单独获取当前域名、Url、相对路径和参数,所谓单独攻取,即域名不包括网页文件的路径和参数、参数不包括域名和网页文件路径,下面分别介绍。 一、js获取当前域名有2种方法 1、方法一 var domain = document.domain; 2、方法二 var domain = window.location.hos转载 2017-06-28 10:55:06 · 7489 阅读 · 0 评论 -
请问js对象属性值为什么用数组也可以访问
var obj = { name:'lily', year:'20'}alert(obj.year);alert(obj['year']);这两种都能访问到year的值。难道对象和数组没区别?两个都是获取对象值的方式。第二个用变量名获取对象值的时候很有用。12345转载 2017-06-13 10:00:43 · 403 阅读 · 0 评论 -
javascript 使用btoa和atob来进行Base64转码和解码
javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。好了,前言说了一大堆,开发者需要重视:一.我们来看看,在jav转载 2017-07-01 17:43:47 · 481 阅读 · 0 评论 -
JS 中的 event?event:window.event什么意思?求详解。
JS 中的 event?event:window.event什么意思?求详解。2013-04-16 00:01flying607 | 分类:JavaScript | 浏览813次function Test(event) { event = event ? event : window.event;} 请问:1,“onclick = "Test(this)"”中的this代表什么?2,“ev原创 2016-03-21 10:59:10 · 8585 阅读 · 0 评论 -
js匿名函数没有实际名字,也没有指针,怎么执行滴?
匿名函数没有实际名字,也没有指针,怎么执行滴? 其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把… 关于匿名函数写法,很发散~ 最常见的用法: 复制代码代码如下:(function() { alert('water');原创 2016-03-21 10:58:22 · 814 阅读 · 0 评论 -
js使图片不超过一定范围,并且不改变比例
//使图片不超过一定范围,并不改变比例 //使图片不超过一定范围,并不改变比例 function ImgReSize(e,width,height){ if(!arguments[2]) height = ((e.height)/e.width)*width; //如果不给高,高自动 ///alert("原来"+e.width+"|"+e.height);原创 2016-03-21 10:48:09 · 963 阅读 · 0 评论