![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Lvdon9
这个作者很懒,什么都没留下…
展开
-
js文章关键字高亮
先切割,在组合。1.点击input button。获取input value判断是否输入切割input value关键字, 在加上关键字。原创 2021-06-05 12:45:54 · 165 阅读 · 0 评论 -
键盘事件
<input id="txt1" type="text" />//键盘事件window.onload = function() { var oTxt = document.getElementById('txt1'); oTxt.onkeydown = function(ev) { var oEvent = ev || event; ...原创 2018-12-19 16:41:22 · 65 阅读 · 0 评论 -
鼠标事件点击拖拽div
<div id="div1"></div>#div1{ width:100px; height: 100px; background:red; position: absolute;}window.onload = function() { var oDiv = document.getElementById('div1'); var...原创 2018-12-19 18:40:36 · 1119 阅读 · 1 评论 -
JavaScript改变背景色
<html> <head></head> <body> <ul id="ul1"> <li></li> <li></li> <li></li>原创 2018-12-14 17:17:28 · 2072 阅读 · 0 评论 -
封装背景色
<html> <head></head> <body> <ul id="ul1"> <li></li> <li></li> <li></li>原创 2018-12-14 17:37:15 · 159 阅读 · 0 评论 -
JavaScript 打开新页面
<html> <head></head> <body> <textarea id="txt1" rows="10" cols="40"></textarea> <br /> <input id="btn1&q原创 2018-12-14 18:20:53 · 1468 阅读 · 0 评论 -
JavaScript右侧广告栏
#div1 { width: 100px; height: 100px; background: red; position: absolute; right: 0; top: 0;}<div id="div1"></div>//右边广告滑动window.onresize = window.onload = window.onscroll = f...原创 2018-12-14 19:03:08 · 657 阅读 · 0 评论 -
JavaScript回到顶部
<body>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />原创 2018-12-14 19:31:56 · 168 阅读 · 0 评论 -
JavaScript 跳页传ID
function xgff(id){ $.ajax({ url:path+'/tjsh_mh/article/update?id='+id+'', type:'get', dataType: 'json', success: function(data){ location.href ="update.jsp?id="+id; ...原创 2018-12-20 16:51:13 · 146 阅读 · 0 评论 -
JavaScript事件对象.
window.onclick = function(ev) { //事件对象 var oEvent = ev || event; //兼容IE和谷歌. //ie=event 谷歌=ev alert(oEvent.clientX + ',' + oEvent.clientY);//event是事件对象, 可看鼠标左右中分别的事件}...原创 2018-12-15 13:35:23 · 150 阅读 · 0 评论 -
JavaScript定时器, 点击按钮,div移动
//定时器, 点击按钮,div移动var timer = null;function starMove() { var oDiv = document.getElementById('div1'); timer = setInterval(function() { var sd = 1; if (oDiv.offsetLeft >= ...原创 2018-12-20 19:08:21 · 1260 阅读 · 0 评论 -
阻止冒泡事件
<input id='btn1' type='button' value='显示' /><div id="div1"></div>#div1 { width: 100px; height: 100px; background: #ccc;}window.onload = function() { var oBtn = doc...原创 2018-12-15 16:23:14 · 68 阅读 · 0 评论 -
div跟随鼠标
#div1 { width: 100px; height: 100px; background: red; position: absolute;}<html> <head></head> <body style="height:2000px"> <div id="div1"></div&a原创 2018-12-15 16:55:31 · 549 阅读 · 0 评论 -
div一串跟着鼠标走.
div { width: 10px; height: 10px; background: red; position: absolute;}<div></div><div></div><div></div><div></div>window.onload =原创 2018-12-15 17:10:51 · 121 阅读 · 0 评论 -
JavaScript if判断切换图片
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head><原创 2018-12-26 17:27:47 · 1092 阅读 · 0 评论 -
JavaScript 图片切换
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>p { margin原创 2018-12-26 20:58:07 · 782 阅读 · 0 评论 -
JavaScript查找字符串
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style></s原创 2018-12-26 21:40:57 · 623 阅读 · 0 评论 -
JavaScript字符串分割
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style></s原创 2018-12-26 22:32:31 · 814 阅读 · 0 评论 -
JavaScript 高亮替换字符串
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style> span{ c原创 2018-12-26 22:56:21 · 258 阅读 · 0 评论 -
JavaScript字符串总结
var str = '妙味课堂-WWW.miaov.com';str.charAt(1); // '味'str.charCodeAt(1); // 21619String.fromCharCode(22937, 21619); // '妙味'str.indexOf('m', 4); // 9str.lastIndexOf('o'); // 16'1000' &l...原创 2018-12-26 22:57:09 · 80 阅读 · 0 评论 -
JavaScript.Json格式
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style> span{ c原创 2018-12-26 23:19:03 · 139 阅读 · 0 评论 -
JavaScript 数组循环json
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style></s原创 2018-12-27 12:28:54 · 227 阅读 · 0 评论 -
JavaScript for in遍历
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style></s原创 2018-12-27 12:34:14 · 145 阅读 · 0 评论 -
鼠标点击展开, 移出鼠标收缩
//鼠标点击展开, 移出鼠标收缩window.onload = function() { var oDiv = document.getElementById('div1'); //鼠标移入 oDiv.onmouseover = function() { startMove(0); }; //鼠标移出 oDiv.onmouseo...原创 2018-12-21 17:44:40 · 345 阅读 · 0 评论 -
iview下拉框填职
//iview 填写下拉框<i-option v-for="item in formValidate.hhh" value="item.value">{{item.label}}</i-option>//数据data() { return { formValidate: { XXMC: '', ...原创 2018-12-17 10:32:50 · 332 阅读 · 0 评论 -
JavaScript渐入渐出
window.onload = function() { var oImg = document.getElementById('img1'); //鼠标移开 oImg.onmouseover = function() { //透明度 startMove(100); } //鼠标移入 oImg.onmouseout...原创 2018-12-21 23:09:03 · 855 阅读 · 0 评论 -
JavaScript封装AJAX
function AJAX(type, url, datetype, data, suc) { $.ajax({ type: type, url: url, data: data, dateType: datetype, success: suc, error(err) { ...原创 2018-12-21 23:10:27 · 69 阅读 · 0 评论 -
JavaScript原型
var arr1=new Array(12,5,6,7);var arr2=new Array(13,2,4,3);//原型, arr1 arr2都属于array方法Array.prototype.sum=function(){ var result=0; var i=0; for(var i=0;i<this.length;i++){ result+=this[i]; ...原创 2018-12-22 02:28:27 · 65 阅读 · 0 评论 -
JavaScript面向对象
function createPerson(name,sex){ //系统默认 var this=new object(); this.name=name; this.sex=sex; this.showName=function(){ alert('我的名字叫:'+this.name); }; this.showSex=function(){ alert(...原创 2018-12-22 02:31:45 · 63 阅读 · 0 评论 -
JavaScript数组基本操作
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style></s原创 2018-12-27 19:36:36 · 92 阅读 · 0 评论 -
JavaScript数组去重,数组基本方法
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style> <原创 2018-12-27 22:26:20 · 95 阅读 · 0 评论 -
JavaScript随机数排序
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style> <原创 2018-12-27 23:13:14 · 311 阅读 · 0 评论 -
JavaScript随机数详解
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style> <原创 2018-12-27 23:26:36 · 111 阅读 · 0 评论 -
JavaScript拼接数组 字符转数组
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style> <原创 2018-12-28 00:01:40 · 99 阅读 · 0 评论 -
JavaScript面向对象混合法
//构造函数 调用前面要加NEWfunction createPerson(name,sex){ //属性:不相同 this.name=name; this.sex=sex;};//方法createPerson.prototype.showName=function(){ alert('我的名字叫:'+this.name);};createPerson.pr...原创 2018-12-22 16:10:43 · 62 阅读 · 0 评论 -
JavaScript面向对象
function Person(name,sex){ this.name=name; this.sex=sex;}Person.prototype.showName=function(){ alert(this.name);}Person.prototype.showSex=function(){ alert(this.sex);}var p=new Person...原创 2018-12-22 16:21:24 · 64 阅读 · 0 评论 -
JavaScript面向对象选项卡
<!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><st原创 2018-12-22 17:29:50 · 96 阅读 · 0 评论 -
JavaScript命名空间
var miaov={};miaov.common={ getByClass:function() { }, myAddEvent:function() { }};miaov.fx={ startMove:function() { }, drag:function() { }};miaov.common.getByClass();原创 2018-12-22 17:44:33 · 76 阅读 · 0 评论 -
JavaScript 面向对象
<!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><st原创 2018-12-22 18:13:12 · 72 阅读 · 0 评论 -
JavaScript继承
<!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><st原创 2018-12-22 18:30:38 · 106 阅读 · 0 评论