常用js代码学习

1.用JS实现的radio图片选择按钮效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-e…

常用JS代码片段

1.隐藏部分数字,如手机号码,身份证号码 1 2 3 function (str,start,length,mask_char){ return str.replace(str.substr(start,length),Array(length+1).join(mask_char||"*")) } 2.获取指定范围内的随机数 1 2 3 function randNum(minnum,maxnum){ return Math.floor(minnum+Math.random()*(ma…

常用js代码整理、收集

个人整理了一下个人常用到的一些js代码,以方便学习以及日后使用,或许有一些是个人之前从网上摘下来的,但是不记得是具体从哪里来的了,如果你看到有一段代码跟你的文章很相似甚至一样,请不要气愤,请告诉我,我必定加上版权链接. 清除输入框默然提示文字 <input type="text" name="word" value='请输入关键字' style="color:#ccc;" /> <script> /* *清除输入框默然提示…

站长常用的200个js代码站长常用js代码大全站长常用js代码集合

站长常用的200个js代码 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 <input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value='郭强'}&q…

自动化测试-20.selenium常用JS代码执行

前言: 在工作中有些控件定位不到,需要操作,使用JS代码去修改或者操作达到selenium不能做的操作. 1.Web界面的滑动 1 #coding:utf-8 2 from selenium import webdriver 3 import time 4 5 d = webdriver.Firefox() 6 d.implicitly_wait(10) 7 d.maximize_window() 8 d.get(r'https://www.tmall.com/') 9 time.sleep(1…

100个常用js代码（转载）

作者:小萧ovo链接:https://zhuanlan.zhihu.com/p/23076321来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. JavaScript定点突破.一个点一个点理清,你可以不理解下面的东西,不过你要会用js来操作html.可以逆推,先用了,再理解. 数据类型面向对象继承闭包插件作用域跨域原型链模块化自定义事件内存泄漏事件机制异步装载回调模板引擎JSONajax(这个我喜欢用jQuery的.不然要写好多兼容.) js事件触发理解: onke…

网页常用Js代码

1.后退前进 <input type="button" value="后退" onClick="history.go(-1)"> <input type="button" value="前进" onClick="history.go( 1 );return true;"> 2.返回 <form><input type="button&q…

!!!常用JS代码块（jquery）

jquery代码块 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function(){ }); </script> 替换字符串 var str1="Visit Microsoft! Microsoft!!"; document.write(s…

常用js代码积累

1,js判断进入可视区,参考(亲测不行):https://www.cnblogs.com/Marydon20170307/p/8830069.html 重点学习的话,可参考: js计算元素距离顶部的高度及元素是否在可视区判断:https://www.cnblogs.com/damonFeng/archive/2018/01/30/8378123.html https://www.jb51.net/article/103459.htm $(window).scroll(function() { /…

js代码学习

运算符: 复杂运算符:Math.pow(2,53) //=>9007192145641435:2的53次幂 Math.round(.6) //=>1.0:四舍五入 Math.ceil(.6) //=>1.0:向上求整 Math.floor(.6)//=>0.0:向下求整 Math.abs(-5) //=>5:求绝对值 Math.max(x,y,z)//=>返回最大值 Math.min(x,y,z)//=>返回最小值 Math.random() //=&…

常用js代码

common-function-lib.js /*产生随机颜色*/ function randomColor() { var rand = Math.floor(Math.random() * 0xFFFFFF).toString(16); if (rand.length == 6) { return rand; } else { return randomColor(); } } /* 获取url中"?"符后的参数 */ function getRequest() { var url…

常用JS代码整理

1: function request(paras) { 2: var url = location.href; 3: var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&"); 4: var paraObj = {}; 5: for (i = 0; j = paraString[i]; i++) { 6: paraObj[j.substring(0, j.inde…

网站常用js代码搜集

1.若是手机端打开,则跳转到手机页面 <script language="javascript"> if(navigator.userAgent.match(/(iPhone|iPod|Android|iTouch)/i)){ window.location='http://m.sumargrass.com/'; } </script> 2.window.onload不能重复使用,后面的函数会覆盖前面的. (1)若函数不是很多,可如下解决: window.onl…

常用js代码集

<img src="{:url('publics/verify')}" onclick="this.src='{:url('publics/verify')}'">…

开发常用js代码段

// 获取http传递的参数export const getRequest = ()=>{ var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { let str = url.substr(1); let strs = str.split("&"); for(var i = 0;…

常用js代码片段（一）

1.如果数组所有元素都满足函数条件,则返回true.调用时,如果省略第二个参数,则默认传递布尔值. const all= (arr, fn=Boolean) => arr.every(fn); console.log(all([0,1,1])); //false console.log(all([1,2,3]); //true console.log(all([4,5,5,3], x => x>2)); //true 2.判断数组中的元素是否都相等 const allEqual = ar…

127个常用的JS代码片段，每段代码花30秒就能看懂（上）

127个常用的JS代码片段,每段代码花30秒就能看懂(上) JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript.” FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习.他回答:“ JavaScript.” “软件正在吞噬世界,JavaScript正在吞噬软件.JavaScript每年都在变得越来越占主导地位,而且没人知道最终会取代它的是什么." 如果您没有充分的理由…

webpack--css、html 和 js 代码的常用处理

前言本文来总结下webpack中 css.js.html 代码常见的处理方式,学习笔记仅供参考. 正文 1.css样式文件处理 (1)提取css为一个单独的文件在我们前面学习了webpack的基础上,我们知道webpack在打包之后把css样式文件放在了js中,这样导致文件比较混乱,我们这一步需要将css样式文件打包成一个单独的文件,即从js中抽取出来. 首先需要一个基本的weback环境,然后安装MiniCssExtractPlugin这个插件,命令如下: npm i mini-css-e…

js/jquery/html前端开发常用到代码片段

1.IE条件注释条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE10以上不支持. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准. 条件注释的基本结构和HTML的注释(<!– –>)是一样的.因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容. 条件注释使用方法示…

原生JS研究：学习jquery源码，收集整理常用JS函数

原生JS研究:学习jquery源码,收集整理常用JS函数: 1. JS获取原生class(getElementsByClass) 转自:http://blog.csdn.net/kongjiea/article/details/24308413 function getClass (classname,obj) {//obj就是找的标签范围; var obj=obj||document;//如果obj没有参数传进来的话就为假,就返回document; var arr=[];/…

IOS开发－OC学习－常用功能代码片段整理

IOS开发-OC学习-常用功能代码片段整理 IOS开发中会频繁用到一些代码段,用来实现一些固定的功能.比如在文本框中输入完后要让键盘收回,这个需要用一个简单的让文本框失去第一响应者的身份来完成.或者是在做与URL有关的功能时,需要在Info.plist中添加一段代码进而实现让网址完成从Http到Https的转换,如何使用定时器完成一些耗时的模拟以及其他的一些功能. 在从一个新手到逐渐学会各种功能.代码.控件.方法如何使用的过程中,也在逐渐积累一些知识,但是一次总不会把这些东西都深刻记住并完全理解…

Google Chrome调试js代码,开发者工具之调试工具常用功能

参考:Google Chrome调试js代码-http://www.open-open.com/lib/view/open1384785324165.html 重点:左下角一个{}括号图标按钮用于把杂乱的代码重新格式化为漂亮的代码,比如一些已被压缩的 js 文件基本没法看.更没法调试.点一下格式化,再点一下就取消格式化. 查看元素上绑定了哪些事件默认会列出 All Nodes, 这些包括代理绑定在该节点的父/祖父节点上的事件, 因为在在冒泡或捕获阶段会经过该节点 Selected Node O…

selenium常用操作，查找元素，操作Cookie，获取截图，获取窗口信息，切换，执行js代码

目录: 1. 常用操作 2. 查找元素 3. 操作Cookie 4. 获取截图 5. 获取窗口信息 6. 切换 7. 执行JS代码简介 selenium.webdriver.remote.webdriver.WebDriver 这个类其实是所有其他Webdriver的父类, 例如Chrome Webdriver,Firefox Webdriver都是继承自这个类.这个类中实现了每个Webdriver间相通的方法. 常用操作 - get(url) 在当前浏览器会话中访问传入的url地址 driv…

【JS学习】-利用谷歌浏览器调试JS代码（转）

谷歌浏览器是常用来调试JS代码的工具,本文主要介绍如何利用谷歌浏览器来调试JS代码,协助我们进行开发工作. 首先,打开谷歌浏览器,按快捷键F12或者ctrl+shift+j,就可以打开谷歌浏览器的开发者工具.打开后页面如下所示,下图是打开wap端百度的页面. 下面介绍一下开发者工具中常用的几个功能.左上角第二个选项,是用来切换手机页面的.如果我们访问的网址是手机端wap页面,则点击此按钮,就可以模拟手机进行访问了. Network是网络工具,可以查看请求数据的状态,类型,大小,时间等,如下图.N…

JS中的常用的代码操作

本文件介绍常用的js代码的DOM操作.CSS操作.对象(Object对象.Array对象.Number对象.String对象.Math对象.JSON对象和Console对象)操作说明. 一.DOM树的节点 DOM节点分为三大类: 元素节点(标签节点).属性节点和文本节点. 属性节点和文本节点都属于元素节点的子节点. 因此操作时,需先选中元素节点,再修改属性和文本. [查看元素节点] 1. 使用getElement系列方法: 具体的HTML代码如下图: //通过ID来查看元素属性 var li =…

js学习笔记-编写高效、规范的js代码-Tom

编写高效.规范的js代码: 1.变量命名空间问题,尽量使用局部变量,防止命名冲突(污染作用域中的全局变量):全局空间命名的变量可以在对应的文档域任意位置中使用window调用. 2.尽量使用单var定义变量(作用域开始先申明并赋值变量,便于后边使用),使用var定义的变量只作用于对应的作用域中,如定义的全局变量作用于全局作用域,函数中定义的变量作用于该局部作用域中.未用var定义的变量相当于一个全局变量,在函数中出现的该类变量作用域全局域.(但是var定义的全局变量不能用delete删除,而未定…