JS原生代码实现轮播图（无左右滑动，底下圆点按钮）
先上效果图：由于动态图太大，所以只能截屏了；大致效果，图片轮播的过程中，底下的灰色提示渐渐出现；现在来说实现思路： HTML部分：<div id="content"> <img id="img1" /> <img id="img2" />...
原生js实现无限循环上下滚动公告
说到滚动，想到的应该就是跑马灯效果。当然在网上有很多种实现方式，今天就用原生js来实现一个简单的上下无限循环滚动公告吧，代码不多，而且容易理解。无需做动画，看起来却有点动画效果。第一步：（准备）新建一个html文件，内容如下第二步js脚本：第三步：运行测试，运行效果：源码:<!D...
原生js实现数字滚动特效
html: <div id="jjlin"></div>js://调用var test = new FuncBox({container: "#jjlin",speed: 30,count: 1000});//封装插件的代码，写的很糙请见谅 0_0(function (win...
使用原生js做一个别踩白块的小游戏
学习了几天原生js后，一直想要做点东西出来，最后从b站，知乎 ，github 上面找到了这个别踩白块的项目，下面是一下体会和说明，源码先放在超链接。GitHub链接别踩白块链接介绍一下别踩白块的构建过程：1、创建html文件：页面的主要组成部分：游戏最上面的cont部分，游戏下面的计分count部分...
原生js删除、添加、查找、替换元素 - ygunoil
原生js删除、添加、查找、替换元素 1、创建元素节点：createElementdocument.createElement("p");//创建p标签；document.createTextNode("txt");//创建文本标签；2、插入节点：appendchild:在要插入的元素节...
Servlet的book图书表格实现（使用原生js实现）
作业内容： 1 建立一个book.html,实现图书入库提交 整体参考效果如下: 数据提交后，以窗口弹出数据结果，如: 2 使用正则表达式验证ISBN为x-x-x格式，图书名不低于2个字符，作者不能为空，单价在【10-100】之间 3 使用ajax技术（原生js的ajax或jque...
原生js操作cookie
首先每个cookie都是一个名/值对存储，而cookie字符串以“；”连接多个cookie名/值对，我们需要做的首先将cookie字符串分割成单独的一个cookie名/值对。var cookieArray = document.cookie; //获取cookie存储字符串var arr = co...
vue.js原生组件化开发（一）——组件开发基础
前言vue作为一个轻量级前端框架，其核心就是组件化开发。我们一般常用的是用脚手架vue-cli来进行开发和管理，一个个组件即为一个个vue页面，这种叫单文件组件。我...
jsonrpc.js -- 原生js实现 JSON-RPC 协议
jsonrpc.js -- 原生js实现 JSON-RPC 协议 很早以前就涉及到多端远程调用 api的设计，那时候自己设计了...
js实现原生Ajax的封装及ajax原理详解
原理及概念AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是一种用于创建快速动态网页的技术。动态网...
JS去掉首尾空格 简单方法大全(原生正则jquery)
JS去掉首尾空格 简单方法大全var osfipin= \' http://www.cnblogs.com/osfipin/ \';//去除首尾空格osfip...
利用原生JS实时监听input框输入值
利用原生JS实时监听input框输入值原生JS中可以使用oninput,onpropertychange,onchangeoninput，onpropertychange，onchange的用法1） onchange 触发事件必须满足两个条件：a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本...
VUE3 原生JS上传图片（支持多张上传）并实现预览删除功能
<template> <!-- 上传后显示 --> <div id="look"> <div id="look_img" v-for="(item, index) in imgSrc" :key="index"> <img :...
原生js如何获取带有某个class的所有div元素
直接获取1document.querySelectorAll("div.aa")类似属性选择器的写法1document.querySelectorAll("div[...
html通过css,js实现div悬浮效果总汇，如原生JS实现滚动到一定位置实现div悬浮
在我们的实际开发中，经常会遇到页面中需要悬浮效果，比如最早的客服联系，对联悬浮广告等，今天为大家介绍一些如何实现div悬浮的效果。 传统的fixed实现：...
原生JS实现简单富文本编辑器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...
如何用原生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...