dwill08-CSDN博客

原创用jquery的ajax方法实现三级联动

(function(){ var p = $('#province');//得到省份的select对象 var c = $('#city');//得到城市的select对象 var t = $('#town');//得到地区的select对象 $.ajax({//使用$.ajax()访问服务器 type:"get",//get类型访问 url:"ajax\/gys",//地址 a

2017-10-31 20:02:43 2727

原创 10-24用js和jQuery向表格添加内容

一、js方法 var tb = document.querySelector('#tb tbody');//获取tbody var inputs = document.querySelectorAll('input');//input包括学号，姓名和年龄 var btn = document.querySelector('button');//添加按钮 btn.addEventList

2017-10-24 20:22:36 2155

原创 10-23正则表达式规则

/* * 使用正则表达式的方式 * 1. var regExp = new RegExp('\d'); * 2. var regExp = /\d/; */ 一、基本类型： // \d表示0-9的数字类型 // \D表示除了0-9以外的非空类型 var str3='hello world'; var str4='hello world123'; console.l

2017-10-23 20:27:21 5035

原创 10-19move函数完全整合，一次改变多个样式，回调函数

一、先导入封装好的获取对象非行内样式的函数： function getCss(obj,val){//封装兼容性获取CSS样式属性,obj为获取的对象，val为要获取的样式名 if(obj.currentStyle){ return obj.currentStyle[val]; }else{ return getComputedStyle(obj,true)[val]; } }//函数

2017-10-19 19:07:04 254

原创 10-18关于改变对象的移动、淡入淡出、变大变小等功能函数整合

一、整合： function getCss(obj,val){//封装兼容性获取CSS样式属性,obj为获取的对象，val为要获取的样式名 if(getComputedStyle(obj,true)[val]){ return getComputedStyle(obj,true)[val]; }else{ return obj.currentStyle[val]; } }//解决

2017-10-18 19:52:01 267

原创 10-17盒子缓冲运动，显示盒子淡入淡出，offset、style.xx、的区别，页面窗口滚动

一、缓冲运动： window.onload=function(){ var div = document.getElementsByTagName('div')[0];//盒子 var btn = document.getElementById('btn');//点击按钮让盒子移动 var timer=null; function move(dest){//缓冲运动移到dest位置

2017-10-17 20:00:05 1055

原创 10-16盒子的移动与停止、表格的排序

一、表格中内容的排序： window.onload=function(){ var ohead = document.getElementById('tb').tHead;//获取表头 var tBd= document.getElementById('tb').tBodies[0];//获取表格的body var tRows= tBd.rows;//获取body的行数 var tY

2017-10-16 20:25:52 275

原创 10-12无缝滚动、DOM、

一、无缝滚动js window.onload=function(){ var box = document.getElementById("box"); var uls = box.getElementsByTagName("ul")[0]; var lis = uls.getElementsByTagName("li"); var imgs = uls.getElementsByT

2017-10-12 19:07:36 181

原创 10-10 arguments存储实参、解决js获取CSS属性值兼容性、object对象、for语句遍历对象内容、数组中的方法

一、 arguments用法: 例： function css(a,b,c){//调用方法使用的实参 a.style[b]=c; } 用arguments实现： function css(){ arguments[0].style[argument[1]] = arguments[2]; } 优点：省略编写函数中的形参，用arguments数组存储调用方法时的实参。二

2017-10-10 19:42:38 257

原创 10-9前端学习内容复习（选项卡、三目运算符、与或运算符）

一、用javascript实现选项卡功能： window.onload= function(){ 函数内容 } HTML是从上往下加载内容的，所以写js时要先用window.onload预加载页面元素，js功能才得以实现。 js里数组写法： arr=[1,2,3,4,5]; var arr = new Array(); 实现选项卡功能切换可以先把对应要显示的内容

2017-10-09 18:43:38 429

dwill08的博客