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 2716

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

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

2017-10-24 20:22:36 2147

原创 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 5023

原创 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 247

原创 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 262

原创 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 1045

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

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

2017-10-16 20:25:52 270

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

一、无缝滚动jswindow.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 174

原创 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 252

原创 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 426

dwill08的博客