原生javaScript 第17页

原生javascript 学习之js变量全面了解

1.变量的命名方法的命名(驼峰命名法)全部小写：单词与单词之间全部下划线(my_namespace)大小写混合:第一个单词首字母小写其他单词首字母大写。规则首字符英文字母或下划线组成英文字母数字下划线禁忌JavaScript关键字保留字2.变量的声明显示声明:var关键字陋习:没有类型重复声明隐式声明不声明直接赋值正解：先声明后读写先赋值后运算3.变量类型值类型A)占用空间固定保存在栈中B)保存与

·2019-09-25 05:23

原生javascript实现的一个简单动画效果

本文章向大家介绍一个javascript实现的动画。点击开始按钮div会往右移动，点击停止后，div停止移动，再点击则继续移动。请看下面代码。javascript实现的简单动画#mydiv{width:50px;height:50px;background-color:green;position:absolute;}window.onload=function(){varmydiv=docume

·2019-09-25 05:18

原生javascript实现addClass,removeClass,hasClass函数

原生的addClass,removeClass,hasClass函数，未使用jqueryclass.jsfunctionhasClass(ele,cls){returnele.className.match(newRegExp('(\\s|^)'+cls+'(\\s|$)'));}functionaddClass(ele,cls){if(!this.hasClass(ele,cls))ele.cl

·2019-09-25 04:32

jQuery选择器querySelector的使用指南

这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。复制代码代码如下:element=document.

·2019-09-25 02:07

原生javascript实现简单的datagrid数据表格

简单的datagrid1.排序自定义排序方式2.编辑3.拖拽4.分页5.单选多选(ctrl)线性选(shift)6.文字render就是给文字着色比如大于0红色小于0绿色7.对列的显示隐藏8.分组只是一个示例没有什么与后台的借口其实可以写几个回调就行了里面有loading条可以在没返回结果前一直显示复制代码代码如下:table*{margin:0;padding:0;}.h{line-height

·2019-09-25 02:12

深入分析原生JavaScript事件

JQuery这种WriteLessDoMore的框架，用多了难免会对原生js眼高手低。小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。DOM0事件模型事件模型在不断发展，早期的事件模型称为DOM0级别。DOM0事件模型，所有的浏览器都支持。直接在dom对象上注册事件名称，就是

·2019-09-25 02:54

原生JavaScript实现合并多个数组示例

1、原生的JavaScript实现复制代码代码如下:vararray1=["a","b"];vararray2=["c","d"];我要合并后变成下面这样：复制代码代码如下:vararray=["a","b","c","d"];可以使用复制代码代码如下:arr1.concat(arr2);2、Jquery实现复制代码代码如下:$.merge(array1,array2);console.log($

·2019-09-25 01:44

原生javascript实现的分页插件pagenav

这一款是用原生javascript实现的分页插件pagenav，页码显示jquery插件,只需要存在#pageNav,则会在其中显示页码，调用时可根据需要先重写go方法.

·2019-09-25 01:33

原生JavaScript制作计算器

原生JavaScript制作计算器X:F:Y:R:varinpX1=document.getElementById("inp1");varinpF1=document.getElementById("inp2

·2019-09-24 04:03

分享JavaScript监听全部Ajax请求事件的方法

若Ajax请求是由jQuery的$.ajax发起的，默认情况下可以使用jQuery的GlobalAjaxEventHandlers监听到Ajax事件，然而我遇到的却是用原生JavaScript发起的Ajax

·2019-09-24 03:55

原生JavaScript实现Ajax的方法

首先为大家分享了原生JavaScript实现Ajax代码，供大家参考，具体内容如下vargetXmlHttpRequest=function(){if(window.XMLHttpRequest){//

·2019-09-24 01:25

原生javascript实现解析XML文档与字符串

之前写过一篇《使用jquery解析XML的方法》链接是//www.jb51.net/article/54842.htm，上篇文章详细解释了jQuery与字符串互相转换的方法,这里着重论述javascript操作xml。总代码如下：varXMLHttp=null;if(window.XMLHttpRequest){//现代浏览器XMLHttp=newXMLHttpRequest();}elseif(

·2019-09-24 01:38

原生JavaScript实现动态省市县三级联动下拉框菜单实例代码

像平时购物选择地址时一样，通过选择的省动态加载城市列表，通过选择的城市动态加载县区列表，从而可以实现省市县的三级联动，下面使用原生的JavaScript来实现这个功能：先给大家展示下测试结果：未做任何选择时：选择时：代码如下所示：三级联动测试//用来获得option元素中selected属性为true的元素的idfunctionGet_Selected_Id(place){varpro=docum

·2019-09-24 00:11

js实现图片放大和拖拽特效代码分享

具体如下：js实现图片放大和拖拽特效是一款非常实用的js特效，实现了图片的放大和拖拽功能，没用用到jquery插件，是用原生javascript实现的，除了点击放大和缩小按钮来控制图片的放大缩小，还可以使用鼠标的滚轮控制图片的缩放

·2019-09-23 23:18

js实现的tab标签切换效果代码分享

这是一款基于js实现的tab标签切换效果，是一款无需jQuery，原生javascript制作的tab切换效果源码。点击上面的标题即可实现对应页面的切换功能，非常具有实用价值。

·2019-09-23 23:07

常用的Javascript数据验证插件

原生Javascript电话号码验证，邮件验证，身份证验证。使用时传入要验证的字符串，返回ture代表符合，返回false代码不符合。

·2019-09-23 23:55

javascript常见数据验证插件大全

原生Javascript电话号码验证，邮件验证，身份证验证。使用时传入要验证的字符串，返回ture代表符合，返回false代码不符合。

·2019-09-23 22:39

分享10个原生JavaScript技巧

1、实现字符串长度截取functioncutstr(str,len){vartemp;varicount=0;varpatrn=/[^\x00-\xff]/;varstrre="";for(vari=0;i/g,'>')}6、还原html标签复制代码代码如下:functionHtmlDecode(text){returntext.replace(/&/g,'&').replace(/"/g,'\"

·2019-09-23 21:35

js面向对象之公有、私有、静态属性和方法详解

现下，javascript大行其道，对于网站开发人员来说，javascript是必需掌据的一门语言，但随着jquery等框架的流行和使用，许多人对于原生javascript缺乏深入的理解，习惯了函数式的编辑风格

·2019-09-23 21:35

原生JavaScript编写俄罗斯方块

首先这里感谢@jdkleo提出的宝贵建议！说实在的吧，我这个俄罗斯方块大家玩起来别骂我就万岁了，还没完全完成的，只完成了50%，而且还有很多BUG。可以实现的功能：1.掉方块2.随机生成新方块3.方块移动。目前BUG还很多，由于是第一次写这么“大”的游戏，有1000多行代码，所以还请高人指点，BUG太多了。按START开始游戏。大家提提建议，我第一次写JS游戏。参考了一下网上其他人的代码，但是不是

·2019-09-23 21:16

jquery删除指定子元素代码实例

如何利用原生javascript实现此功能可以参阅原生javascript删除指定子元素代码实例一章节。其实实现此功能的方式有很多种，下面介绍一下其中比较常见的一种。

·2019-09-23 20:33

原生javascript实现图片弹窗交互效果

【一】用var声明多个变量，比每个变量都用var快多了复制代码代码如下:varsScrollTop=document.body.scrollTop||document.documentElement.scrollTop,sWindow_h=document.documentElement.clientHeight,t_h=parseInt(this.getCss(this.getId('gy_ph

·2019-09-23 20:51

原生javascript实现图片按钮切换

先给大家看下效果展示图以下为详细代码：复制代码代码如下:functionLGY_picSwitch(option){this.oWrap=this.getId(option.wrapID);//最外层元素this.olistWrap=this.getNodeByClassname(this.oWrap,'gy_picSwitch_listWrap')[0];this.oUl=this.olistW

·2019-09-23 20:50

原生javascript实现图片滚动、延时加载功能

实现效果：下拉滚动条时，图片出现在可见区域时，才开始加载思路：（1）img标签，把真实的图片地址，放在自己设置的属性里面，如lazy-src（2）获取img离页面的高度（在JQ里是offset().top），原生是：img.getBoundingClientRect().top+document.body.scrollTop||document.documentElement.scrollTop（

·2019-09-23 20:49

原生javascript实现Tab选项卡切换功能

分析个人用原生JS获取类名元素的代码：复制代码代码如下:getByClassName:function(className,parent){varelem=[],node=parent!=undefined&&parent.nodeType==1?parent.getElementsByTagName('*'):document.getElementsByTagName('*'),p=newReg

·2019-09-23 20:47

原生javascript实现隔行换色

js让我们一起从基础来学习，我们一点一点的来学习下边是我写的代码，然后大家看着学习下吧！！！复制代码代码如下:js演示document.write('');vari=0;while(i');}document.write(''+i+'');i++;if(i%10==0){document.write("");}}document.write("")varys=null;functionshow(o

·2019-09-23 20:36

JS打开新窗口防止被浏览器阻止的方法

欢迎大家补充哦...第一种、使用原生javascript的window.ope

·2019-09-23 20:55

原生javascript实现DIV拖拽并计算重复面积

复制代码代码如下:Tablebody{margin:0px;padding:0px;font-size:12px}.div{height:160px;width:160px;position:absolute;text-align:center;}.demo1{border:1pxsolid#96C2F1;background-color:#EFF7FF;left:150px;top:20px}.

·2019-09-23 20:19

原生javascript获取元素样式

摘要：我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式，方法有很多，比如：通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式，注意是获取不是设置在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是，如果没有给元素设置任何样式，也会把浏览器默认的样式返回来。1、ele.style在学习DOM的时候就看到通过ele.style来获取元素样式值，但

·2019-09-23 20:13

原生javaScript实现图片延时加载的方法

本文实例讲述了原生javaScript实现图片延时加载的方法。

·2019-09-23 20:23

javascript删除一个html元素节点的方法

本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。

·2019-09-23 20:42

javascript进行四舍五入方法汇总

原生javascript中四舍五入的函数toFixed(n),n为要保留的小数位数。

·2019-09-23 20:07

原生JavaScript+LESS实现瀑布流

HTML(注意包裹关系,方便js调用)复制代码代码如下:LESS(less预编译)复制代码代码如下:*{margin:0;padding:0;}#main{position:relative;}.box{padding:15px0015px;float:left;}.pic{padding:10px;border:1pxsolid#ccc;border-radius:5px;box-shadow:

·2019-09-23 19:29

不到30行JS代码实现Excel表格的方法

具体分析如下：某国外程序员展示了一个由原生JS写成不依赖第三方库的，Excel表格应用，有以下特性：①由不足30行的原生JavaScript代码实现②不依赖第三方库③Excel风格的语义分析(公式以"=

·2019-09-23 19:55

Javascript限制网页只能在微信内置浏览器中访问

那么问题就来了，这个网页首先涉及到了移动web前端开发，我优先选择了用HTML5+bootstrap组合来实现页面的美观效果，前端其他的任务交给javascript解决（这里我是完全使用原生javascript

·2019-09-23 19:16

原生javascript实现获取指定元素下所有后代元素的方法

本文实例讲述了原生javascript实现获取指定元素下所有后代元素的方法，分享给大家供大家参考。

·2019-09-23 19:30

利用原生JavaScript获取元素样式只是获取而已

ps：是获取样式，不是设置样式。若没有给元素设置样式值，则返回浏览器给予的默认值。（论坛整理）1、element.style:只能获取写在元素标签中的style属性里的样式值，无法获取到定义在和通过加载进来的样式属性复制代码代码如下:varele=document.getElementById('ele');ele.style.color;//获取颜色2、window.getComputedSty

·2019-09-23 19:24

原生JavaScript生成GUID的实现示例

GUID（全局统一标识符）是指在一台机器上生成的数字，它保证对在同一时空中的所有机器都是唯一的。通常平台会提供生成GUID的API。生成算法很有意思，用到了以太网卡地址、纳秒级时间、芯片ID码和许多可能的数字。GUID的唯一缺陷在于生成的结果串会比较大。GUID的格式为：xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx大家都知道GUID在前端开发中用处不大，但如果需要插入某

·2019-09-23 19:11

原生javascript实现拖动元素示例代码

本文介绍原生javascript实现元素拖动。

·2019-09-23 19:13

原生JavaScript之Object对象常用方法

Object对象—详见：MDNObject.assign(target,…sources):将源对象的所有自身可枚举的属性和值复制到目标对象。并返回目标对象。Object.create(obj,[propertiesObject]):创建一个新对象，obj作为新对象的原型。propertiesObject(可选)为新对象的可枚举属性描述器。o2=Object.create({},{p:{value

w狼子·2019-09-23 15:10

原生JavaScript实现日历功能代码实例(无引用Jq)

这篇文章主要介绍了原生JavaScript实现日历功能代码实例(无引用Jq),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下成品显示，可左右切换月份html

伴月阁·2019-09-23 11:32

原生javascript 弹出层

functionedit(idd){//添加模态框用到的cssvarhttpUrl="/admin/editQRC?id="+idd;//window.open(httpUrl,'','width=500%,height=100%');constcssEle=document.createElement('style');cssEle.id='cameraCSSId';constcssConten

郑益展·2019-09-23 11:00

BetterScroll 在移动端滚动场景的应用

由于它基于原生JavaScript实现，不依赖任何框架，所

·2019-09-22 23:27

VUE基础实用技巧

当时还在热衷于原生JavaScript去写一些方法的封装，不是为啥，就感觉这样很帅，后面多多少少接触了一些JQuery的用法，到现在为止，JavaScript原生封装的一些方法，该忘的都忘了。

冰乐·2019-09-22 23:00

原生javascript实现匀速运动动画效果

本文向大家介绍一个javascript实现的动画。点击开始按钮div会往右移动，点击停止后，div停止移动，再点击则继续移动。请看下面代码：javascript实现的简单动画#mydiv{width:50px;height:50px;background-color:green;position:absolute;}window.onload=function(){varmydiv=documen

·2019-09-22 17:28

JavaScript删除指定子元素代码实例

原生javascript删除指定子元素代码实例:本章节介绍一下如何利用原生javascript实现删除指定子元素。

·2019-09-22 15:34

一次百度前端在线笔试题的经历与反思

因为现在前端Angular、Vue等一些技术的流行，对于前端原生JavaScript代码的编写有一定的遗忘，但是本人还是励志要做一名全栈的开发人员，一直到架构师。。。。先说今天的主题吧。

冰乐·2019-09-17 21:00

如何使用原生Javascript写一个拖拽效果

需求最近公司的一个小项目，需要对draw.io进行二次开发，然后嵌入到我们的系统里面，由于draw.io使用的老的javascript编写，要拓展只能使用原生js更改。里面的有个小需求就是拖拽数据源放置到图表中，必须使用原生Js写。以下是原生js写拖拽的demoTitle.thing{width:100px;height:2em;padding:0.5em;margin:0.5em;backgro

birdflyinhigh·2019-09-17 19:48

Javascript中宽高和偏移

原生JavaScriptclientHeight/Width:Element.clientHeight==>元素包括padding的高度，不包括滚动条Element.clientWidth==>元素包括

w狼子·2019-09-09 15:53

推荐频道

原生javaScript