原生JavaScript

原生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自定义input[type=radio]效果示例

本文实例讲述了原生javascript自定义input[type=radio]效果。
zhensg·2019-08-27 10:11

袁军

个人资料年龄：23联系电话:17623811373电子邮箱:[email protected]专业技能1.精通DIV+CSS页面布局,flex布局，掌握原生JavaScript.2.掌握微信小程序,公众号开发
墨诗_小诗诗·2019-08-20 20:54

原生javascript实现上下左右中间八个点控制元素大小、旋转角度、拖拽位置功能

最近在接触一个简单的图形编辑器，要求是要实现web页面加载图标元素并可以通过上下左右中间八个点鼠标控制元素大小。拖拽功能比较简单，一般都比较容易实现，主要是旋转和八个点控制元素的大小，旋转是相对难理解一点，需要到一些数学问题，关于坐标系的知识。整个demo源码下载地址：点击下载源码通过Math.atan可以计算出反正切的值，从而推算出鼠标移动到哪个象限的时候的角度。四个点的拖拉也这个比较容易实现，
codingNoob·2019-08-14 21:30

原生javascript实现上下左右中间八个点控制元素大小、旋转角度、拖拽位置功能

最近在接触一个简单的图形编辑器，要求是要实现web页面加载图标元素并可以通过上下左右中间八个点鼠标控制元素大小。拖拽功能比较简单，一般都比较容易实现，主要是旋转和八个点控制元素的大小，旋转是相对难理解一点，需要到一些数学问题，关于坐标系的知识。整个demo源码下载地址：点击下载源码通过Math.atan可以计算出反正切的值，从而推算出鼠标移动到哪个象限的时候的角度。四个点的拖拉也这个比较容易实现，
codingNoob·2019-08-14 21:30

React开发笔记

reactFACEBOOK框架虚拟DOM组件化开发原生JS的框架(ES6+原生javascript)优点1.极速的渲染能力虚拟DOMvirtualDOM2.高度组件化组件之间高度复用3.经历大量的测试有一定的稳定性虚拟
钢之炼金术师·2019-08-12 23:00

原生JavaScript（js）手把手教你写轮播图插件（banner）

---恢复内容开始---1.轮播图插件1.什么是插件：为已有的程序增加功能2.插件的特点（为什么要做成一个插件）与注意事项：1.通用性，可移植性强2.兼容性：不会对其他代码产生影响3.创建一个div,给一个基础的宽高属性outline:外边框；不会占据盒子空间border：内边框盒模型：外边距-边框（border会占据空间）-内边距-内容轮播图插件的实现：1.插件：html部分最好只有一个外部的d
兔子爱吃胡萝贝·2019-08-12 16:00

原生javascript、js判断滚动到浏览器底部触发事件

window.onscroll=function(){//变量scrollTop是滚动条滚动时，距离顶部的距离varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;//变量windowHeight是可视区的高度varwindowHeight=document.documentElement.clientHe
萤火虫de梦·2019-07-28 22:10

原生javascript、js判断滚动到浏览器底部触发事件

window.onscroll=function(){//变量scrollTop是滚动条滚动时，距离顶部的距离varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;//变量windowHeight是可视区的高度varwindowHeight=document.documentElement.clientHe
萤火虫de梦·2019-07-28 22:10

为什么我们要熟悉这些通信协议？ 【精读】

原生javaScript，HTML,CSS.Dom操作EventLoop和渲染机制各类工程化的工具原理以及使用，根据需求定制编写插件和包。
Peter谭金杰·2019-07-27 13:00
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他