如何用原生js或jquery设置select的值
1、原生js设置select值的方法（1）有时可能需要隐藏select，但是还得需要更改select所传递的值。（select的默认选中之为第一个，即下标为0的选项...
原生js去除HTML字符串的换行和注释
1. 去除HTML字符串的换行和注释首先测试HTML如下，放在一个自定义的script模板中：<script id="tpl" type="text/template"><!-- 这是注释1 --><p>这是文本。</p><!-- 这是注释2 -...
原生js或者jquery获取父级元素/同级元素/下级元素
1、js获取var s= document.getElementByIdx_x("test");var chils= s.childNodes; //得到s的全部...
原生Js基于HTML5 FileReader&canvas制作的banner广告图片插件
有了HTML5的FileReader&canvas这两个方法 不需要走后台服务就可以编辑生成图片了，插件只能在支持HTML5的浏览器上使用！！简单制作过程和思路 1...
原生js显示和隐藏
一、display默认属性值的选择显示的元素设置的值分情况（如果选择属性值错误，会影响已经写好的样式）块元素的默认值是display:block内联元素的默认值是d...
原生JS 实现点击按钮创建元素
要求: 点击按钮，随机生成一个20px-100px宽度正方形，随机颜色，随机位置，不能出可视区域外 思路：（1）创建按钮，为按钮添加事件侦听（2）触发事件...
原生js自动触发onclick事件
废话少说，直接上代码！<div id="btn" οnclick="tip(\'弹窗\')">触发onclick</div> <scr...
原生js简单调用百度翻译API实现的翻译工具
先来个在线demo:js翻译工具或者百度搜索js简单调用百度翻译API工具(不过有个小小的界面显示bug,我想细心的人应该会发现)或者直接前往该网址:js翻译工具或者前往我的github:github(eveningwater,觉得不错希望点个star(谢谢))下载源码在说之前,先友情提示一下,由于...
原生js实现一个自定义下拉单选选择框
原生js自定义的下拉选择框 浏览器自带的原生下拉框不太美观，而且各个浏览器表现也不一致，UI一般给的下拉框也是和原生的...
原生JS和JQuery代码编写窗口捕捉函数和页面视觉差效果（scroll（）、offsetTop、滚动监听的妙用）
想实现窗口滚动到一定位置时，部分网页的页面发生一些变化，但是手头没有合适的插件，所以就想到自己编写一个简易的方法，想到这个方法要有很高的自由度和适应性，在这，就尽量的削减其功能，若有错误的地方或者更好的建议，请大家评论，一同探讨，好了废话不多说，下面开始干活了！首先，说一下我想实现的基本功能：此方...
ajax(原生js)创建 应用场景详解
ajax(原生js)创建 应用场景详解 ajax应用场景:图解:说明：当需要使用JavaScript 和 服务器进行交互时，需要通过JavaScript的一个对象XMLHttpRequest对象，将请求发送过去.场景：注册用户时，用户名输入完毕，需要去服务器查询一下该用户名是否存在.场景：当在输入框...
原生JS实现弹幕效果
纯属无聊写的，可能有很多问题，欢迎批评指教。 效果图：图一是预设的一些弹幕，图二是自己发射的弹幕，效果是一样的。demo地址 首先是弹幕的位...
原生JS和jQuery版实现文件上传功能
<!doctype html><html lang="zh"><head> <meta charset="utf-8"> <title>HTML5 Ajax Uploader</title> <scrip...
原生JS版和jQuery 版实现文件上传功能
<!doctype html><html lang="zh"><head><meta charset="utf-8"><title>HTML5 Ajax Uploader</title><script src="jquer...
JS表单原生验证器
一、前言最近在开发一个新项目，需要做登陆等一系列的表单提交页面。在经过“缜密”的讨论后,我们决定 不用外部流行的框架，如bootstrap，由于我负责的模块仅仅是其中的一部分，因此少数服从多数，无奈只能抛弃bootstrap等提供的布局，样式以及验证等一些列如此方便的组件，（他们拒绝使用的原因也令人...
原生js中stopPropagation,preventDefault,return false的区别
1、stopPropagation:阻止事件的冒泡，但不阻止事件的默认行为。最好莫过于用例子说明：<div id='div' onclick='alert("div");'> <ul onclick='alert("ul");'> <li id=...
用原生js来写一个swiper滑块插件
是不是有点印象了，没错，他的最基本的用法就是左右滑动，插件使用者只需要写几行简单的html和js即可实现一个简单滑动效果，不过你完全可以组合各种元素来适应不同的场景。当然插件我已经写好了，咱先看下这个插件是怎么来用的，对插件有一个大概了解，一会写起来不至于太懵逼。。。插件地址：https://git...
原生js简单实现拖拽效果
实现弹窗拖拽效果的原理是：按下鼠标并移动——拖拽移动物体，抬起鼠标——停止移动。主要触发三个事件：onmousedown、onmousemove以及onmouseup；首先搭建结构：一个宽350px、高200px的登录框<div id="login"> <div id="bo...
原生js简单调用百度翻译API实现的翻译工具
先来个在线demo:js翻译工具或者百度搜索js简单调用百度翻译API工具(不过有个小小的界面显示bug,我想细心的人应该会发现)或者直接前往该网址:js翻译工具或者前往我的github:github(eveningwater,觉得不错希望点个star(谢谢))下载源码在说之前,先友情提示一下,由于...
js原生倒计时
倒计时是2019年6月7号10点开始的代码粘贴过去直接运行即可<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...